Deployment

Each server has different functionality and deployment configuration.

Make sure you have configured it correctly according to your service provider's instructions.


Vercel

Vercel ready to deploy has strong support for Next.js so we encourage you to use it to deploy your project.

Preview


Netlify

Preview

CRA

  • Create file _redirects in public folder.
  • Create file netlify.toml in root project.
/*    /index.html   200
_redirects

[build]
  command = "yarn build"
  publish = "build"
netlify.toml

Next.js

  • Update in package.json.
  • Create file netlify.toml in root project.
  • Connect with git and deploy.
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "build-netlify": "next build && cp -r .next _next && mv _next .next/",
  },
package.json

[build]
  command = "npm run build-netlify"
  publish = ".next"
 
[[plugins]]
  package = "@netlify/plugin-nextjs"
netlify.toml

Azure

Firebase

Preview


Heroku

App Platform

Vite

https://vitejs.dev/guide/static-deploy.html


Note:

Please add environment variables on the deployment server if required.

Example on vercel server: