> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/berry/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/berry/getting-started/quick-start.md).

# Quick Start

Each of the packages contains two folders, full-version and seed.

<figure><img src="/files/NGfgvc615gTrhsT8J1xw" alt=""><figcaption></figcaption></figure>

* full-version: It contains all the files that you see in the [live preview](https://berrydashboard.com/)
* seed: It contains a **minimal** version to start your project. [Read more](/berry/setup/integration.md).

### Get started

1. Navigate to either the **seed** or **full-version**
2. Install Packages: `yarn` or `yarn install`
3. Run project:&#x20;
   1. VITE: `yarn start`
   2. NEXTJS: `yarn dev`

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

```javascript
Compiled successfully!

You can now view berry-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 yarn build.
```

{% 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 %}

### Mock Backend Server

Berry uses a mock data API to demonstrate how to fetch data from the backend. This is intended to provide an example of backend data retrieval. Read more in the next section.

{% content-ref url="/pages/r09AEebFnWdcpPB57kZU" %}
[Mock backend](/berry/getting-started/mock-backend.md)
{% endcontent-ref %}

{% hint style="warning" %}
**End of Life for CRA - Create React App version.**

* **CRA** has not been updated or maintained for a long time, and it is advisable to move from it as well. To know more:
  * <https://github.com/reactjs/react.dev/pull/5487>
  * [https://github.com/facebook/create-react-app/issues/13080](<https://github.com/reactjs/react.dev/pull/5487&#xD;&#xA;https://github.com/facebook/create-react-app/issues/13080&#xD;&#xA;https://github.com/facebook/create-react-app/issues/13283>)
  * [https://github.com/facebook/create-react-app/issues/13283](<https://github.com/reactjs/react.dev/pull/5487&#xD;&#xA;https://github.com/facebook/create-react-app/issues/13080&#xD;&#xA;https://github.com/facebook/create-react-app/issues/13283>)
* There will be no update provided in the CRA version
  {% endhint %}

{% hint style="info" %}
This project focuses solely on the user interface. It does not include backend services or a database.
{% endhint %}