Let’s Build 10 NextJs Projects | Udemy

NextJs is an open source web development framework built by Vercel, and built upon the React JavaScript library. It has become one of the most beloved frameworks for front-end and back-end web developers because it offers server-side rendering by default, and static-site generation. Because it is a framework, NextJs handles a lot of nuances that React does not. For example:

1. It has built in optimizations for images and fonts so that they don’t cause a layout shift when your page loads.
2. It uses React Suspense to enable dynamic HTML streaming from the server so that users can still interact with your website as more content is processed from the server.
3. It uses React Server components by default which are more secure when querying data from a database and which provide and additional layer of security to your application because it’s data is not saved on the client.
4. NextJs allows us to make server components asynchronous. This allows us to use the async / await keywords when naming components in order to fetch data from a source.
5. It allows for many CSS integrations including CSS modules, frameworks and CSS-in-JS libraries such as Emotion.
6. It has support for Incremental Static Generation (ISR), caching, and the newly introduced, but still experimental Partial Prerendering (PPR).
7. It has support for server actions which are asynchronous functions that can be run in both the server and client to execute in one network roundtrip.
8. You can build your own API routes such as for authentication and webhooks thanks to its Route handlers.
9. You can implement your own middleware.
10. It uses a file-based routing system that allows for generating dynamic routes at build time, and nesting routes.

NextJs is built on React, Turbopack, and Speedy Web Compiler (SWC).