Extremely Long Devserver Build Times (10-15 minutes)

[wild ibex]

After updating from NextJS 12 to NextJS 14, my initial build times when using the dev server have risen exponentially from seconds to minutes. On average, rendering the very first page will take 10-15 minutes when yarn dev is first run, and will then compile as expected afterwards.

The CLI takes 10-15 minutes to render the first page before displaying a compile time of <10s, which tells me that the slowdown is occurring as part of some initial pre-processing step that isn't immediately apparent.

I'm not sure how to even begin debugging this, but is there a process to figuring out why this initial build takes so long?

[bitter thicket]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[thorny verge]

Did you try deleting the nextjs build cache folder? @wild ibex

[wild ibex]

I did, and it didn't seem to have any effect.

I think I've narrowed it down to something about the way that Next UI & Tailwind export packages bogging down the static analyzer.

May or may not be related to barrel files, but updating imports hasn't changed the build time any that I can tell

[thorny verge]

Try turbo @wild ibex

[wild ibex]

This is turbo

[thorny verge]

Lmao wtf

[candid dragon]

Hello Team,

I need assistance in updating my Next.js application from version 12.2.3 to the latest or highest version. My project currently uses React and React-DOM version 17.0.1.

However, when I attempt the update, the application does not function correctly due to numerous breaking changes and code breakages. My project is structured using the traditional page-based approach, not the latest app routing structure.

My goal is to update Next.js without making significant changes to the codebase or file structure. Any guidance or suggestions on how to achieve this would be greatly appreciated. @thorny verge @wild ibex