WHAT - NextJS 系列之六大特性

官方文档：https://nextjs.org/docs

一、介绍

Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.

Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more. This allows you to focus on building your application instead of spending time with configuration.

二、特性

我们将基于如下特性展开学习：

Routing

https://nextjs.org/docs/app/building-your-application/routing

A file-system based router built on top of Server Components that supports layouts, nested routing, loading states, error handling, and more.

Rendering

https://nextjs.org/docs/app/building-your-application/rendering

Client-side and Server-side Rendering with Client and Server Components. Further optimized with Static and Dynamic Rendering on the server with Next.js. Streaming on Edge and Node.js runtimes.

Data Fetching

https://nextjs.org/docs/app/building-your-application/data-fetching

Simplified data fetching with async/await in Server Components, and an extended fetch API for request memoization, data caching and revalidation.

Styling

https://nextjs.org/docs/app/building-your-application/styling

Support for your preferred styling methods, including CSS Modules, Tailwind CSS, and CSS-in-JS

Optimizations

https://nextjs.org/docs/app/building-your-application/optimizing

Image, Fonts, and Script Optimizations to improve your application’s Core Web Vitals and User Experience.

TypeScript

https://nextjs.org/docs/app/building-your-application/configuring/typescript

Improved support for TypeScript, with better type checking and more efficient compilation, as well as custom TypeScript Plugin and type checker.