Next.js实战

图书标准信息

• 作者 [美]米歇尔·里瓦 著；李伟 译
• 出版社 清华大学出版社
• 出版时间 2022-12
• 版次 1
• ISBN 9787302620426
• 定价 99.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 284页
• 字数 354.000千字

【内容简介】

《Next.js实战》详细阐述了与Next.js框架相关的基本解决方案，主要包括Next.js简介、不同的渲染策略、Next.js基础知识和内建组件、在Next.js中组织代码库和获取数据、在Next.js中管理本地和全局状态、CSS和内建样式化方法、使用UI框架、使用自定义服务器、测试Next.js、与SEO协同工作和性能管理、不同的部署平台、管理身份验证机制和用户会话、利用Next.js和GraphCMS构建电子商务网站等内容。此外，本书还提供了相应的示例、代码，以帮助读者进一步理解相关方案的实现过程。

【作者简介】

米歇尔·里瓦是一位充满激情和经验丰富的软件架构师和谷歌开发专家，来自意大利米兰。多年来，他在许多不同的编程语言和范式中为大公司和基金会的许多开源项目做出了贡献，包括Haskell、Elixir、Go和TypeScript。他还就广泛的主题撰写了数十篇公共领域的文章，并在国际会议和聚会上发表了许多演讲。在撰写这本书的时候，他在ViacomCBS的架构团队担任高级软件工程师，在他们的流媒体网站和网络的核心构建了一个多租户Node.js应用程序。

【目录】

第1部分  Next.js概述

第1章  Next.js简介 3

　　1.1  技术需求 3

　　1.2  引入Next.js 4

　　1.3  Next.js与其他替代方案之间的比较 5

　　1.3.1  Gatsby 5

　　1.3.2  Razzle 5

　　1.3.3  Nuxt.js 6

　　1.3.4  Angular Universal 6

　　1.3.5  为何选择Next.js 6

　　1.4  从React转至Next.js 7

　　1.5  开启Next.js之旅 7

　　1.5.1  默认的项目结构 8

　　1.5.2  TypeScript集成 9

　　1.5.3  自定义Babel和Webpack配置 10

　　1.6  本章小结 14

第2章  不同的渲染策略 15

　　2.1  技术需求 15

　　2.2  服务器端渲染（SSR） 15

　　2.3  客户端渲染（CSR） 18

　　2.3.1  使用React.useEffect钩子 20

　　2.3.2  使用process.browser变量 22

　　2.3.3  使用动态组件加载 22

　　2.4  静态站点生成 23

　　2.5  本章小结 26

　　

第3章  Next.js基础知识和内建组件 27

　　3.1  技术需求 27

　　3.2  路由系统 27

　　3.2.1  在页面内使用路由变量 30

　　3.2.2  在组件中使用路由变量 31

　　3.2.3  客户端导航 32

　　3.2.4  使用router.push方法 34

　　3.3  处理静态数据资源 35

　　3.3.1  Next.js自动图像优化 36

　　3.3.2  在外部服务上运行自动图像优化 41

　　3.4  处理元数据 42

　　3.5  自定义_app.js和_document.js文件 49

　　3.5.1  _app.js页面 50

　　3.5.2  _document.js页面 54

　　3.6  本章小结 55

第2部分  Next.js实战

第4章  在Next.js中组织代码库和获取数据 59

　　4.1  技术需求 59

　　4.2  组织文件夹结构 60

　　4.2.1  组织组件 61

　　4.2.2  组织实用工具 62

　　4.2.3  组织静态数据资源 63

　　4.2.4  组织样式 64

　　4.2.5  lib文件 65

　　4.3  数据获取机制 65

　　4.3.1  在服务器端上获取数据 66

　　4.3.2  在服务器端上使用REST API 66

　　4.3.3  在客户端上获取数据 73

　　4.3.4  在客户端上使用REST API 74

　　4.3.5  使用GraphQL API 81

　　4.4  本章小结 90

第5章  在Next.js中管理本地和全局状态 91

　　5.1  技术需求 91

　　5.2  本地状态管理 92

　　5.3  全局状态管理 93

　　5.3.1  使用Context API 94

　　5.3.2  使用Redux 102

　　5.4  本章小结 109

第6章  CSS和内建样式化方法 111

　　6.1  技术需求 111

　　6.2  考查和使用Styled JSX 112

　　6.3  CSS模块 114

　　6.4  集成SASS和Next.js 119

　　6.5  本章小结 121

第7章  使用UI框架 123

　　7.1  技术需求 123

　　7.2  UI库简介 123

　　7.3  在Next.js中集成Chakra UI 124

　　7.3.1  利用Chakra UI和Next.js构建员工目录 129

　　7.3.2  Chakra UI小结 140

　　7.4  在Next.js中集成TailwindCSS 140

　　7.5  集成Headless UI 150

　　7.6  本章小结 154

第8章  使用自定义服务器 155

　　8.1  技术需求 155

　　8.2  关于自定义服务器的使用 155

　　8.3  使用一个自定义Express.js服务器 156

　　8.4  使用自定义Fastify服务器 160

　　8.5  本章小结 162

第9章  测试Next.js 165

　　9.1  技术需求 165

　　9.2  测试简介 165

　　9.3  运行单元和集成测试 166

　　9.4  利用Cypress进行端到端测试 173

　　9.5  本章小结 178

第10章  与SEO协同工作和性能管理 179

　　10.1  技术需求 179

　　10.2  SEO和性能简介 179

　　10.3  基于性能和SEO的渲染策略 180

　　10.3.1  真实站点示例后的推理 182

　　10.3.2  渲染图像详细信息页面 182

　　10.4  私有路由 184

　　10.5  快速回顾 184

　　10.6  处理SEO 185

　　10.7  处理性能问题 186

　　10.8  本章小结 189

第11章  不同的部署平台 191

　　11.1  技术需求 191

　　11.2  不同部署平台简介 191

　　11.3  部署至Vercel平台上 192

　　11.4  将一个静态站点部署至CDN上 193

　　11.5  选择一个CDN 194

　　11.6  将Next.js部署至任意服务器上 195

　　11.7  在Docker容器内运行Next.js 197

　　11.8  本章小结 198

第3部分  Next.js实例

第12章  管理身份验证机制和用户会话 203

　　12.1  技术需求 203

　　12.2  用户会话和身份验证简介 203

　　12.3  JSON Web令牌 205

　　12.4  自定义身份验证机制 208

　　12.5  利用Auth0实现身份验证 222

　　12.6  本章小结 228

第13章  利用Next.js和GraphCMS构建电子商务网站 229

　　13.1  技术需求 229

　　13.2  创建电子商务网站 229

　　13.3  设置GraphCMS 230

　　13.4  创建店面、购物车和商品详细信息页面 234

　　13.5  利用Stripe处理支付问题 252

　　13.6  本章小结 260

第14章  示例项目 261

　　14.1  框架及其可能性 261

　　14.2  基于Next.js的真实应用程序 263

　　14.2.1  流式网站 263

　　14.2.2  博客平台 264

　　14.2.3  实时聊天网站 265

　　14.3  后续发展 265

　　14.4  本章小结 266

·X·

Next.js实战

　　

·XI·

目    录