# Installation

## Quickstart

1. Purchase a [Regular License](https://themeforest.net/checkout/from_item/20466093?license=regular\&ref=pmsgz) or [Extended License](https://themeforest.net/checkout/from_item/20466093?license=extended\&ref=pmsgz) of Nectar from ThemeForest.
2. After purchasing, [download the package](https://themeforest.net/downloads) on your computer and unzip it.
3. The unzipped package contains a folder named `nectar`.
4. Copy this folder and paste into the localhost directory `/htdocs`
5. Your folder structure should look like `/htdocs/nectar/classic`
6. Now, open your web browser and go to [http://localhost/nectar/classic/www/](http://localhost/nectar/classic/www/)
7. Cheers! Your project should be up and running.

{% hint style="info" %}
Nectar requires a local web server installed on your machine. You can install [XAMPP](https://apachefriends.org) or any other web server.
{% endhint %}

## Setting Project Base href

For the project to work properly, `<base>` href must be set inside `index.html`

By default, the `<base>` href is set to `/nectar/classic/www/`

You will need to make sure that you set the `<base>` href inside `index.html` properly.

Suppose your project path is `/htdocs/myproject/`, then you must set `<base href="/myproject/" />` inside `index.html`

In case of Cordova project the `<base>` will always be `<base href="." />`

{% hint style="warning" %}
If your base URL is not set properly, then you will get a white screen along with an error in console _`app.init is not a function`_
{% endhint %}
