# 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.