Any tips or advice for migrating a project from React Static to Next.js?

[chrisESparkles]

As per the title, with the discontinuation of React Static, is there helpful advice that the community (and perhaps @SleeplessByte) could give to someone who wants to migrate a React Static application to Next.js?

Particularly, I'd like to know the best place to start, if there are any React Static-specific pain-points to look out for, and if there are equivalents among RS and Next components. Also, if there is some non-RS related recommendations for Next.js you' like to share, that would also be appreciated.

[SleeplessByte]

Hi @chrisESparkles ,

The Next.js Getting Started Docs are pretty decent. A few things to check:

• Routing works the same as in it uses directory structure, but understand it only works for the pages folder, and not an arbitrary one (by default).
• Dynamic routes must also exist as files, whereas in React-Static they don't.
• Everything is pre-rendered instead of excluding pre-rendering on certain routes. This is because every request is always rendered by a server, either at request time or at build time, whereas in React-Static you could only pre-render at build time.
• You must (in most cases) use the Next.js image component instead of whatever you're using right now.
• Static files are auto exposed from the public folder
• The build command is pretty much the same, but check out the docs anyway.

Good luck!

[chrisESparkles]

Thank you 😊