文章

本章讨论 Next.js App 路由的布局。相比之前的 Pages 路由，App 路由的布局简单多了：Next.js 会自动调用布局文件。

本章将讨论 Next.js 定义路由的方式，包括：普通路由、动态路由、嵌套路由及嵌套动态路由。

本章我们来看一下 `create-next-app` 的选项、目录结构以及 Next.js 的「约定即配置」。

本章将实现最终的功能：用户注册，并发送激活邮件。

本章将讨论使用 `lettre` 在 rust 中实现发送邮件。我们将分别使用 Gmail 和 Mail.ee 来作测试。

`lapin` 是一个用 rust 实现的 AMQP 客户端，它可以实现与 RabbitMQ 的交互。

RabbitMQ 是目前市场上最流行的消息队列之一，本章将讨论如何安装部署 RabbitMQ。

本专题将带你使用逐步实现一个非常常见的功能：在用户注册时，通过发送验证码。

在日常开发中，`IN` 查询是非常常见的需求，你会怎么来处理呢？借助 sqlx 的`QueryBuilder` 可以方便地实现。

本章我们讨论如何优雅方便地使用 sqlx 构建复杂的、动态的 SQL。sqlx 提供了 [`QueryBuilder`](https://docs.rs/sqlx/latest/sqlx/struct.QueryBuilder.html) 结构体，它可以方便地实现 SQL 的构建。

本章我们将通过用户之间转账来讨论 sqlx 的事务。为了保证转账的完整性、正确性，我们必须使用事务来处理。

本章将讨论使用 sqlx 进行增删改（`INSERT/DELETE/UPDATE`）操作。

本章将讨论使用 sqlx 执行 `SELECT` 语句，对数据进行查询。

本章将讨论 sqlx 的查询构造器。sqlx 提供了多种查询构造器：`query`、`query_as`、`query!`、`query_as!`、`QueryBuilder`等，合理使用将提升效率。这些查询构造器用来生成数据库所需要的 SQL 语句，不要被它们的名字迷惑了——认为它们是用来查询数据（SQL中的`SELECT`行为）

开始之前，我们需要一些准备工作，包括：创建用于演示的数据库及数据、创建一个 Rust 项目以及为项目编写一些基础性代码。

本章我们使用 tailwind 将之前课程中 NextJS 迷你博客改造为响应式的布局。

本章将讨论如何配置 tailwind，以及几个 tailwind 官方插件。

本章通过将之前撸的按钮改成 NextJS 版，进而讨论 Tailwind 的复用原则。

本章将介绍如何将 Tailwind 集成到 React 或 NextJS 项目中。

本章将使用 tailwind 撸一个响应式的、纯 CSS 的导航栏。

本章我们将使用 tailwind 撸一个报价卡片。

本章将使用 tailwind 实现一个没有任何 Javscript 代码的纯 CSS 的下拉框，把应用到导航栏、菜单栏时，也被称为下拉菜单。同时我们将讨论如何在 tailwind 中使用图标，包括图标的进化史：从字体文件到SVG。

本章我们将讨论使用 `flex` 和 `grid` 进行响应式布局，以及为什么不建议再使用 `float` 进行布局。

本章将带你使用 tailwind 撸一个按钮

Tailwind 定义了一系列变量，比如颜色、大小、间距等。本章将介绍 tailwind 的一些默认设置。

本章通过两个小示例来体验一下 tailwind 的魔力。

TailwindCSS 是一款响应式的、移动设备优先的 CSS 工具类框架。本章对响应式布局、移动设备优先、断点等基本概念进行简要说明；并讨论几种安装 tailwind 的方式。

本章我们将使用 NextJS 开发一个小型的博客系统，你将学习到如何从远程服务器获取数据以及数据过滤、NextJS 常用组件的用法、NextJS 的自动路由等功能。

NextJS 既然是 React 的框架，自然提供了一些内置组件来扩展 React。本章将介绍几个常用的 NextJS 内置组件，同时也将介绍 NextJS 的路由系统。

趁你现在对我们刚刚讨论的有关 React 和 SEO 的问题还保持有较强的印象，我们先来讨论 NextJS 是如何利用多种渲染模式来应用 SEO 挑战的。