reading-notes

Class 39: React 3

NextJs

Through Assets, Metadata, and CSS section.

To build a complete web application with React from scratch, there are many important details you need to consider:

• Code has to be bundled using a bundler like webpack and transformed using a compiler like Babel.
• You need to do production optimizations such as code splitting.
• You might want to statically pre-render some pages for performance and SEO. You might also want to use server-side rendering or client-side rendering.
• You might have to write some server-side code to connect your React app to your data store.

A framework can solve these problems, however said framework must have the right level of abstraction as well as a great “Developer Experience”, ensuring you and your team have an amazing experience while writing code.

Next.js has the best-in-class “Developer Experience” and many built-in features; a sample of them are:

• An intuitive page-based routing system (with support for dynamic routes)
• Pre-rendering, both static generation (SSG) and server-side rendering (SSR) are supported on a per-page basis
• Automatic code splitting for faster page loads
• Client-side routing with optimized prefetching
• Built-in CSS and Sass support, and support for any CSS-in-JS library
• Development environment with Fast Refresh support
• API routes to build API endpoints with Serverless Functions
• Fully extendable

Why I’m using Next.js in 2020

Next.js Examples