Top

Laravel + Next JS Documentation

## Multikart offers stunning and one-of-a-kind website demos tailored to your grocery, bakery, and online store needs. With Multikart, you'll find everything you require to craft the ideal website for your business. Multikart - your all-in-one solution!

#### NextJs Frontend Installation

#### Getting Started With NextJs Multikart Frontend

Note:

1. Please make sure you've installed NodeJs. If you haven't installed, you can easily do by following this link: Link to Node.js Installation Guide.
2. Before you start, please make sure you've successfully configured and run the Multikart API, then you can proceed to set up the NextJs Multikart frontend.

##### Follow this video tutorial to install the Multikart NextJs Frontend Click here

##### 1. Open NextJs-Multikart-frontend directory that you downloaded from CodeCanyon.

##### 2 next.congif.js Setting:

- Open the next.config.js file in your code editor and adjust the URL based on the reference image.

- Also add https://api.your-domain.com/api to URL

- Add api.your-domain.com to hostname for image access

- baseURl: This represents the base URL for running our Multikart frontend project.
- URL: This represents the Laravel API server URL
- storageURL: Enter the laravel primary domain.

##### 3. Install Node Module:

- In the multikart-frontend-next15 folder, run following command in the terminal to install the required dependencies.

    npm install

##### 4. Run the Project:

- Once the necessary dependencies are successfully installed, initiate your project by executing below command in the Terminal.

    npm run dev

When you start your application, it usually uses the default port, so you can access it by opening http://localhost:3000/

Once you've finished installing the NextJs Multikart Frontend, the next step is to set up the NextJs Multikart Admin. You can easily do this by following the instructions provided in the following link: Link to NextJs Multikart Admin Installation Guide.