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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://codedthemes.gitbook.io/berry/getting-started/quick-start.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.