Next.js开发指南，手把手教你掌握Dapp全栈开发

1

Next.js手把手系列：01、初始篇 | Next.js CLI

欢迎学习Next.js！在学习具体的知识点之前，我们先来创建一个Next.js项目。创建了可运行的项目，才能在学习的时候边调试边理解，从而达到事半功倍的效果。

2

路由（Router）是Next.js应用的重要组成部分。在Next.js中，路由决定了一个页面如何渲染或者一个请求该如何返回。Next.js有两套路由解决方案，之前的方案称之为“PagesRouter”，目前的方案称之为“AppRouter”，两套方案目前是兼容的。

3

上篇我们介绍了如何定义路由，本篇我们讲讲如何在Next.js中实现链接和导航。所谓“导航”，指的是使用JavaScript进行页面切换，通常会比浏览器默认的重新加载更快，因为在导航的时候，只会更新必要的组件，而不会重新加载整个页面。

4

实际项目开发的时候，有的路由场景会比较复杂，比如数据库里的文章有很多，我们不可能一一去定义路由，此时该怎么办？组织代码的时候，有的路由是用于移动端，有的路由是用于PC端，该如何组织代码？

5

路由处理程序是指使用WebRequest和ResponseAPI对于给定的路由自定义处理逻辑。简单来说，前后端分离架构中，客户端与服务端之间通过API接口来交互。这个API接口在Next.js中有个更为正式的称呼，就是路由处理程序。

6

前言中间件（Middleware），一个听起来就很高级、很强大的功能。实际上也确实如此。使用中间件，你可以拦截并控制应用里的所有请求和响应。比如你可以基于传入的请求，重写、重定向、修改请求或响应头、甚至直接响应内容。

7

嘿，大家好！今天咱们来聊聊Next.js里一个挺核心但听起来有点玄乎的概念——水合（Hydration）。如果你用过Next.js，估计对这个词不陌生，但它到底是啥？为啥这么重要？别急，咱慢慢掰扯清楚，保准让你看完后心里亮堂堂的！

8

Next.js是个超级好用的React框架，开发体验一流，性能优化也做得特别到位。今天咱们来聊聊Next.js里的一个神器——next/dynamic，它能帮你实现动态加载组件，优化页面性能，特别适合需要“懒加载”的大项目。文章会尽量用大白话，带你从背景到实战，彻底搞懂这个工具！