# Svelte: A Quick Introduction

## What is Svelte? 🙋‍♀️

Svelte stands out as an open-source front-end framework designed to craft dynamic and engaging user interfaces within web browsers.

## Tell me more...⬇️

It takes a unique approach – acting as a compiler, not just a framework – resulting in faster performance compared to counterparts like ReactJS, AngularJS, and VueJS. Svelte is ideal for building reactive web applications, ensuring instantaneous updates whenever data changes.

It excels in rapid application development (RAD), allowing the swift creation of minimally coded software applications. Additionally, Svelte plays a pivotal role in web optimization, distinguishing itself by avoiding the use of a virtual DOM.

When it comes to deployment, Svelte stands apart; there's no need to deploy it separately, streamlining the process and contributing to its rapid execution.

## Prerequisites 🎒

Before diving into Svelte, ensure the following prerequisites are in place:

* Any text editor (e.g., VS Code, Atom, etc.).
    
* NodeJS is installed on your system.
    

## Installation Steps 🔨

### Step 1: Install Degit

Open your command prompt or terminal and install the 'degit' package globally:

```bash
npm install -g degit
```

### Step 2: Create a Svelte Project

Create a directory on your desktop and run the following command:

```bash
degit sveltejs/template project-name
```

### Step 3: Project created.

Open it in your text editor. In '**src**', find **main.js** (the Svelte app executor), **App.svelte** (the root component), and check **package.json** for dependencies. Ready to roll! **🚀**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1701322229451/f90ec740-6451-4a72-9489-dc8254d6b02e.png align="center")

### Step 4: Navigate to Project Directory

Ensure you are in your project directory:

```bash
cd project-name
```

### Step 5: Install Dependencies

Install project dependencies:

```bash
npm install
```

### Step 6: Start the Development Server

Create a local development server to run your application:

```bash
npm run dev
```

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1701321394444/b2fe186f-aa27-4440-a8bd-faba15ba6e28.png align="center")

### Step 7: Follow the Link

Open the provided link in your browser to explore and develop your Svelte application further.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1710426017455/438faa88-27b0-4bc0-85fc-a6a737f7a69f.png align="center")

Thats it..!

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1701321769587/8a5184ad-c1bb-4be0-84de-245bd947a006.gif align="center")

Congratulations on Choosing Svelte! 🎉 Get ready to code at warp speed. Time to sprinkle some magic on your web development journey with Svelte's lightning-fast vibes! 🚀✨

Happy Coding🤠