# Quick Start

### Installation

Navigate to your root folder **`(i.e. able-pro-material-react)`**

```
c:\>cd able-pro-material-next
```

Install Packages by **npm** as per your preferences. Here we are using the package manager.

```
c:\able-pro-material-next> npm i
```

{% hint style="info" %}
**We would recommend yarn over npm**. Why? see this:

<https://www.whitesourcesoftware.com/free-developer-tools/blog/npm-vs-yarn-which-should-you-choose/>
{% endhint %}

### Start

After package installation, you can start your app by using **`npm run dev`** the command

```
c:\ablepro-material-next> npm run dev
```

This will start your local server at **`http://localhost:3000`** Also, your terminal shows the following.

```javascript
Compiled successfully!

You can now view able-pro-material-react in the browser.

Local:            http://localhost:3000    
On Your Network:  http://192.168.29.77:3000

Note that the development build is not optimized.
To create a production build, use npm run build.
```

### Build & Deploy

This might be too early to deploy, but it is always good to know how to deploy.

To build your app for production use **`npm run build`** command

```javascript
c:\able-pro-material-next> yarn build
or
c:\able-pro-material-next> npm run build
```

{% hint style="info" %}
**You’ll need to have Node v20.x.x or later on your local development machine** (but it’s not required on the server). You can use [nvm](https://github.com/creationix/nvm#installation) (macOS/Linux) or [nvm-windows](https://github.com/coreybutler/nvm-windows#node-version-manager-nvm-for-windows) to switch Node versions between different projects easily.
{% 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://phoenixcoded.gitbook.io/able-pro/nextjs/quick-start.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.