# Quick Installation

{% hint style="info" %}
You **don’t** need to install or configure tools like Webpack or CLI.\
They are configured and hidden so that you can focus on the code.
{% endhint %}

1. First of all, it's required to Install [Node](https://nodejs.org/en/) (v10.13.0) and npm(v6.4.1).
2. Update the latest [angular-cli](https://cli.angular.io/) global package to Angular 10.x.x. with cli 10.x.x
3. Unzip **next.zip** file, you will find the `next/template/skeleton/`project folder.&#x20;
4. Open your favorite console/terminal and navigate to the `skeleton/`folder and **Install packages**

   ```
   npm install --legacy-peer-deps
   ```
5. To run the project **locally,** The below command will run the app in development mode. Open [http://localhost:4200](http://localhost:4200/) to view it in the browser.

   ```
   npm start
   ```
6. The page will automatically reload if you make changes to the code.
7. Now you can use this Angular project for your application development, make the necessary changes.
8. To builds the app for production, below command will create the `dist/` folder inside this project directory .

   ```
   npm run build
   ```

{% hint style="success" %}
The project was built assuming it is hosted at the server root folder of domain/platform\
i.&#x65;**`http://example.com`**

## or

to deploy build for sub-folder\
i.&#x65;**`http://example.com/folder-name`**

You also need to set **\<base href="/folder-name/">**
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://codedthemes.gitbook.io/next-angular/quick-installation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
