---
description: Setup Berry .Net
---

# Quick Start

Berry supports ASP.net Core 7. The following is a guide to quickly start using the template.

## Prerequisites

#### Visual Studio

Make sure to have [Visual Studio](https://visualstudio.microsoft.com/vs/) downloaded on your machine. Currently, Berry supports ASP.net Core 7 or newer.

### Build Theme

Navigate to your root folder **(i.e. berry-dotnet)**

```
c:>cd berry-dotnet
```

Install packages by npm or yarn according to your preferences. Here we are using the npm package manager.

```
> npm i
```

After package installation, you can start your app by using **`Gulp`** command. This will regenerate the wwwroot/assets folder. You can keep this command running while making changes in the `src` folder. It will auto-apply to the `wwwroot` folder and your browser.

```
> gulp
```

Go to the root directory of the project and open **`BerryDotNet.sln`** solution file in Visual studio.

{% hint style="info" %}
If you are interested more in learning about gulp, check the below section, else you can skip it.
{% endhint %}

<details>

<summary>Gulp</summary>

#### Don't know about Gulp?

Gulp is a toolkit for automating painful or time-consuming tasks in your project development workflow, so you can stop messing around and build something easier than ever.

* Auto Minify/Uglify CSS, HTML, and JS codes
* Auto Compile SaSS file
* 3000+ Plugins

#### Gulp for Berry

Use Gulp in Berry for building assets for theme  with lots of functional tasks like Image Optimization, SaSS compilation, etc...which useful to make the production-ready `wwwroot/assets` directory

</details>

### **Gulp Commands(task)**

#### Default task

<table><thead><tr><th width="223">Gulp Command</th><th>Description</th></tr></thead><tbody><tr><td><code>gulp</code></td><td>which build assets in <strong><code>wwwroot/</code></strong> directory</td></tr></tbody></table>

#### Basic task

<table><thead><tr><th width="217">Gulp Command</th><th>Description</th></tr></thead><tbody><tr><td><code>gulp sass</code></td><td>which compile .scss files from <code>/src/assets/scss</code> directory and place it into a <code>/dist/assets/css</code> directory</td></tr><tr><td><code>gulp imgmin</code></td><td>which use to optimize images from <code>/src/assets/images</code> directory and place it into a <code>/dist/assets/images</code> directory</td></tr><tr><td><code>gulp build</code></td><td>which use to copy files from <code>/src/assets</code> directory and place it into a <code>/dist/assets</code> directory</td></tr><tr><td><code>gulp build-html</code></td><td>which uses compiling your HTML file from <code>/src/html</code> directory and place it into a <code>/dist</code> directory</td></tr><tr><td><code>gulp build-js</code></td><td>which use to build <code>.js</code> files from <code>/src/assets/js</code> directory and place it into a <code>/dist/assets/js</code> directory</td></tr></tbody></table>

#### now Compile and run the project using visual studio

####

