How to run Next Js application build (out) directory in local?

[Maniraj-Murugan]

I have done development of Next Js application and as of now I have done auto deployment using https://vercel.com/

Things are fine as of now.. But here came the requirement that I need to build the Next Js application and share the build folder with the team for deployment in server.

The commands I have followed,

npm run build &
npm run export

And the above one creates the out directory.. So how to run this out directory in my local machine to check whether the build folder is working as expected before sharing with the team?

Folder structure of out directory:

 -> out

      -> _next
             -> static
             -> xxxxxxxxxxxxx (some random name)
      -> static
      -> home.png
      -> location.png

So anyone could kindly please help me how can I run this generated build folder (out) to check whether the developed Next Js application works fine in my local machine after which I can share the same built folder to the team?

While using vercel things happen automatically whenever we push the code, it deploy automatically, but I am not sure how actually deployment happen there.. In other frameworks we used to get the dist folder with index.html which makes easy to understand for deployment.

I am in the need to confirm that build folder works fine in my local before sharing it with team for deployment. So for that I need to build and run the Next Js app in my local..

[jamesmosier]

You could use serve locally to test it out.

serve out

[NickKarsant]

what is the "-s" for and why is it not explained in the docs for serve?

[well1791]

is npm run export still valid given the latest versions of nextjs?

EDIT: looks like it's just npm run build && npx next start -p 4000 https://nextjs.org/docs/app/api-reference/next-cli#production

[lucas-0liveira]

nice

[hedleysmith]

npx serve out

[junaidhnhtechsolutions]

npm i -g serve
serve -s out // if you wanna run react production build try the below one.
serve -s build