# Installation

Crema doesn't have any special requirements to start the project. To run and develop Crema on the system, you need to have a React environment-ready system with the recommended version of [Node.js](https://nodejs.org/en/download/). You can use [yarn ](https://classic.yarnpkg.com/lang/en/)as well to start the project.

**Node** is a JavaScript run time built needed to run a React App. You need to install the **recommended** version of Node.js from the official website <https://nodejs.org/en/>

**Yarn** is a project manager responsible for adding and installing all the dependencies required for running the Crema on the system. You can install the latest version of Yarn from the official website <https://classic.yarnpkg.com/lang/en/>

### Development

Once you have followed the installation pre-requisite steps, You can follow the following steps to install and run the Crema:-

1\. To run the Crema, Open the Crema folder in the editor of your choice. After following the folder, open the terminal and run the following command:-

```
yarn
```

this command will automatically install the required dependencies.

{% hint style="info" %}
If you are using the CRA version then you need to check this [doc](https://docs.cremawork.com/v/v-4-cra/)
{% endhint %}

2\. Now, run the following command to run the project in the browser.

```
yarn dev
```

This command will start the project in the browser in development mode i.e. the project will run on localhost://300X URL.

Open [http://localhost:3000](http://localhost:3000/) with your browser to see the result.

You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

### Learn More <a href="#learn-more" id="learn-more"></a>

To learn more about Next.js, take a look at the following resources:

* [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
* [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

### Deploy on Vercel <a href="#deploy-on-vercel" id="deploy-on-vercel"></a>

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\&filter=next.js\&utm_source=create-next-app\&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.


---

# 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://docs.cremawork.com/v-4-nextjs/decelopment/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.