Build Production

This section covers the steps to deploy your app to a live environment. Whether you're using Vercel or a custom hosting solution, follow these guidelines to ensure a smooth deployment process.

For detailed instructions on platform-specific deployments, refer to the Next.js Deployment Documentation .

Deployment

Before deploying, ensure that your app is production-ready:

1. Environment Variables:

• Environment Variables Verify that all required variables (e.g., API keys, database URLs) are correctly set in your environment configuration.

2. Formatting Code with Prettier

• Command: Run the following command to format your code using Prettier according to the rules defined in your project:

  yarn run prettier:write

• Explanation: This command automatically formats all files in your project, ensuring consistent code styling and making the codebase easier to read and maintain. Visit official prettier documentation for more information.

3. Fixing Linting Issues with ESLint

• Command: Run the following command to automatically fix linting errors in your code:

  yarn run lint:fix

• Explanation: This command runs ESLint with the `--fix` option, which automatically corrects common linting errors and enforces best practices, helping to maintain clean and error-free code.

4. Building the Project

• Command: Run the following command to create an optimized production build of your project:

  yarn run build

• Explanation: This command compiles the project, optimizes assets, and generates the final production-ready files, ensuring the best performance and efficiency for deployment.

5. Running the Preview Server

• Command: Run the following command to start a local preview server for testing the production build:

  yarn run preview

• Explanation: This command serves the built project locally, allowing you to test and verify the final output before deploying it to a production environment.