Next.js_MyJourney

Big picture

React is a library that provides essential primitives for building modern interactive UI. But there is still some work involved to combine that UI you create into an application.

One of the React frameworks

How it works

The environment where your code runs: Development vs. Production
When your code runs: Build Time vs. Runtime
Where rendering happens: Client vs. Server

benifits

• In the development stage, Next.js optimizes for the developer and their experience building the application. It comes with features that aim to improve the Developer Experience such the TypeScript and ESLint integration, Fast Refresh, and more.
• In the production stage, Next.js optimizes for the end-users, and their experience using the application. It aims to transform the code to make it performant and accessible.

pre-rendering

• Static Generation
  is the pre-rendering method that generates the HTML at build time. The pre-rendered HTML is then reused on each request.

• Server-side Rendering
  is the pre-rendering method that generates the HTML on each request.

you can choose which pre-rendering form to use for each page.