Difference `npm run dev` and `npm run build` with `npm start`

Unanswered

American posted this in #help-forum

AmericanOP

2023-12-22T05:57:41.000Z

Hi folks, I'm new to React JS and Next JS.
When I run the project via npm run dev command everything looks fine. However when I run npm run build with npm start it has missing UI/actions/requests.
Question: What is the main difference between npm run dev and npm run build with npm start? I am trying to run a project in a docker container. Any suggestion?

27 Replies

Ray

2023-12-22T06:03:38.000Z

npm run dev will start the dev server
npm run build then npm start will create a production build and start the server

it has missing UI/actions/requests.

do you have output: 'standalone' in next.config.js?

AmericanOP

2023-12-22T07:25:36.000Z

Hi, thanks for your reply. I confirm that there is no such output: 'standalone' in the next.config.js file. Should I add it to the next.config.js file?

I added it but it didn't help.

Ray

2023-12-22T07:33:14.000Z

are you trying it with just npm run build and npm start or in docker?

AmericanOP

2023-12-22T07:38:31.000Z

Yes I've run npm run build with npm start. without in docker.

Ray

2023-12-22T07:39:34.000Z

no css? are you using it with tailwind?

how did you create the project? with create-next-app?

AmericanOP

2023-12-22T07:57:58.000Z

Yes using it with tailwind.

I don't know exactly. I'll ask.
Project structure:

Ray

2023-12-22T08:00:45.000Z

have you imported the global.css in layout.tsx?

AmericanOP

2023-12-22T08:02:57.000Z

Yes

Ray

2023-12-22T08:03:51.000Z

can you try deploy it on vercel and share the url to me?

AmericanOP

2023-12-22T08:13:50.000Z

Sorry, I can't. what exactly are you trying to check? I will provide to you.

Ray

2023-12-22T08:15:37.000Z

check the url for the css

AmericanOP

2023-12-22T08:19:59.000Z

is that what you mean?

Ray

2023-12-22T08:28:39.000Z

is it accessible?

AmericanOP

2023-12-22T08:33:40.000Z

Yes

Ray

2023-12-22T08:34:08.000Z

but no style applied on the html?

AmericanOP

2023-12-22T08:35:28.000Z

they are used

Ray

2023-12-22T08:35:50.000Z

ah what do you mean missing UI/actions/requests?

AmericanOP

2023-12-22T08:44:19.000Z

Missing UI:

active chat panel missing

Missing requests:
first request missing in build version.

Ray

2023-12-22T10:20:48.000Z

is the page static generated? and doing client side fetching?

AmericanOP

2023-12-22T10:42:15.000Z

It's dynamic generated and doing it client side

AmericanOP

2023-12-22T13:12:59.000Z

Thanks! I've fixed it. It turns out that the wrong logic was written in useEffect