Build

Tutorial: https://www.youtube.com/watch?v=vwpTgS2ZzAY and https://www.youtube.com/watch?v=Es-RtiPiRk0

Yarn Development mode

Step 1:

yarn install

Step 2: Create and Update .env File: Create a.env file in the root directory of your project. This file will contain environment-specific variables. Here's an example of what it might look like:

NEXT_PUBLIC_IMAGE_PATH=localhost
NEXT_PUBLIC_BASE_URL=http://localhost:1337/api
NEXT_PUBLIC_API_PATH=http://127.0.0.1:1337
NEXT_PUBLIC_IMAGE_HOSTNAME=127.0.0.1

Step 3:

yarn dev

Yarn build


Step 1:

yarn install

Step 2: Create and Update .env File: Create a.env file in the root directory of your project. This file will contain environment-specific variables. Here's an example of what it might look like:

NEXT_PUBLIC_IMAGE_PATH=localhost
NEXT_PUBLIC_BASE_URL=http://localhost:1337/api
NEXT_PUBLIC_API_PATH=http://127.0.0.1:1337
NEXT_PUBLIC_IMAGE_HOSTNAME=127.0.0.1

Step 2:

yarn build

Step 3:

yarn start

Refer: https://nextjs.org/docs/getting-started


  • Build: Builds the app for production to the .next folder. It correctly bundles React in production mode and optimizes the build for the best performance.

  • Start: Starts the application in production mode. The application should be compiled with next build first.

  • Dev: Runs the app in development mode. Open http://localhost:3000 to view it in the browser.

Last updated