# Mock backend

We use a mock backend to provide the necessary data and handle JWT authentication as well. This mock backend is shared across various apps for consistent data handling. You can find the mock backend server in the following GitHub repository:

* GitHub Repo: <https://github.com/phoenixcoded20/mock-data-api-nextjs>

The provided code of Berry directly uses a deployed URL. You can verify this by observing the network tab, where you'll see this URL being accessed at multiple points.

* Deployed URL: <https://mock-data-api-nextjs.vercel.app/>

<figure><img src="https://content.gitbook.com/content/2AwyNUUHJ2TKC8EO0jsq/blobs/wWP6J9ihRAsZZ99ySKo3/image.png" alt=""><figcaption></figcaption></figure>

### Set up the Local backend server

If you intend to avoid a live server and want to use the same locally, follow the guidelines below.

1. Clone the GitHub repo to your machine:&#x20;

   ```shell
   git clone https://github.com/phoenixcoded20/mock-data-api-nextjs.git
   ```
2. Install and Run:&#x20;

   ```shell
   npm install
   npm run dev
   ```
3. This will start the backend locally at port 3010.
4. Replace the *API\_URL* key in `.env` at the root location of the Berry package:
   * VITE:&#x20;

     ```json
     VITE_APP_API_URL: http://localhost:3010/
     ```
   * NEXTJS:

     ```json
     REACT_APP_API_URL: http://localhost:3010/
     ```
