Next.js 开发指南--掘金小册课程推荐/优惠
版权声明
本站非掘金小册官网，与官方无任何关系。我们不提供课程下载或详细内容，仅作为课程分享和推荐平台。我们鼓励大家支持正版，尊重创作者的劳动成果，这样不仅能帮助创作者持续产出优质内容，也能让自己获得更好的学习体验。请通过官方渠道购买和学习课程，感谢您的理解与支持。
课程详情
课程介绍
你将获得
- 基础篇：基于最新的 Next.js v14，循序渐进，系统全面
- 实战篇：3 个实战项目，主流技术选型，快速上手
- 源码篇：深入实现原理，知其然，知其所以然
- 面试篇：常见面试题附高分答案，助力面试
作者介绍
冴羽，一个正经的前端工程师，在淘宝主导负责过多个亿级流量产品。技术写作 8 年，全网千万阅读，GitHub 中国区 Top 30，GitHub Blog 30k Star，掘金签约作者、SegmentFault Top Writer。
写有 JavaScript 深入系列、JavaScript 专题系列、ES6 系列、TypeScript 系列、博客搭建系列、React 系列等多个系列文章。公众号“冴羽”。顺便还讲些个人感悟，如果你想变得自律高效，可以听听冴羽的茶话会分享。
小册介绍
Next.js 是一个基于 React 的全栈开发框架，集成了最新的 React 特性，可以帮助你快速创建全栈应用。
对于有一定 React 基础的同学，Next.js 毫无疑问是进阶全栈工程师的最佳选择！
React 首推的生产框架便是 Next.js。目前 Next.js 在 GitHub 已有 119k star，Npm 周下载量 634W，堪称最受欢迎的 Node.js 开发框架。
为了帮助大家系统全面掌握 Next.js，这本小册将分为“基础篇、实战篇、原理篇、面试篇”四大篇章：
? 基础篇： 基于最新的 Next.js v14 官方文档，循序渐进讲解 Next Cli、App Router、路由处理程序、中间件、数据获取与缓存机制、React Server Component、服务端组件、客户端组件、Server Actions、Streaming、Tailwind CSS 等内容。
基础篇一共 36 篇。内容上力求做到详尽无遗漏，细节上添加丰富示例加深理解。不仅帮助大家入门，更希望能将此本小册作为大家开发 Next.js 项目时的必备指导手册。
? 实战篇： 学技术尤其不能纸上谈兵，实战篇的目的在于帮助你将基础篇的知识融会贯通，熟悉 Next.js 项目的开发流程和规范。我们会写 3 个实战项目，包括：
- ? React Notes 项目（目前已 ✅）
- 目的：掌握基础，在实战中体会 RSC 特性
- 学习：Next.js + MySQL + Redis + Auth + Prisma + i18n + Strapi + 服务器部署 + Docker 部署 + Vercel 部署
- ? 博客项目（目前已 ✅）
- 目的：创建自己的技术博客，了解内容型项目的常见问题和解决方案
- 学习：Next.js + MDX + Contentlayer + Tailwind CSS + SEO + i18n + Dark Mode + 性能监控（Prometheus + Grafana） + 评论系统（Waline）
- ? 清单项目（目前已 ✅）
- 目的：掌握 Next.js 最佳实践，了解目前 Next.js 项目最流行的技术组合
- 学习：Next.js + Tailwind CSS + Clerk + Crowdin + Storybook + Zod + Shadcn UI + React Hook Form + create-t3-app + Prisma
写一个完整的项目并不容易，但当完成之后，相信你会成为一个合格的全栈工程师！
? 源码篇： Next.js 的源码阅读绝不算容易，我将从源码的角度帮助大家理解 Next.js 的运行原理与实现，让大家在使用 Next.js API 的时候，知其然知其所以然。遇到问题的时候，更能追根溯源，彻底解决问题。
? 面试篇： 最后我会对面试中常问的 Next.js 相关问题做一份整理，告诉大家解题思路的同时提供一份自己的答案，帮助大家在面试的时候有所准备。不仅要会做，更要会说，在面试中真正体现出自己的水准。
适宜人群
- 想进阶全栈的前端工程师
- 想快速创造出自己的产品的斜杠青年
- 想出海做技术搞产品挣美刀的实干家
- 低调务实优秀的中国好青年
君子欲讷于言而敏于行，现在，让我们一起开始学习 Next.js 吧！
名人推荐
课程目录（更新中）
- 初始篇 | Next.js CLI
- 路由篇 | App Router
- 路由篇 | 动态路由、路由组、平行路由和拦截路由
- 路由篇 | 国际化
- 路由篇 | 路由处理程序
- 渲染篇 | 服务端组件和客户端组件
- 样式篇 | Tailwind CSS、CSS-in-JS 与 Sass
- 渲染篇 | Edge Runtime
- 数据获取篇 | 数据获取、缓存与重新验证
- 数据获取篇 | Server Actions（上）
- 渲染篇 | 从 CSR、SSR、SSG、ISR 开始说起
- 组件篇 | Font
- 缓存篇 | Caching（上）
- 组件篇 | Link 和 Script
- 优化篇 | 懒加载
- 组件篇 | Images
- 配置篇 | TypeScript 和 ESLint
- 部署篇 | 静态导出
- 配置篇 | 环境变量、路径别名与 src 目录
- 配置篇 | MDX
- Metadata 篇 | 基于文件
- 配置篇 | 草稿模式和内容安全策略
- 配置篇 | 路由段配置项
- Metadata 篇 | 基于配置
- API 篇 | next.config.js（上）
- API 篇 | next.config.js（下）
- API 篇 | 常用函数与方法（下）
- API 篇 | 常用函数与方法（上）
- 实战篇 | React Notes | 笔记搜索
- 实战篇 | React Notes | 笔记预览界面
- 实战篇 | React Notes | 项目介绍与创建
- 实战篇 | React Notes | 国际化
- 实战篇 | React Notes | 侧边栏笔记列表
- 实战篇 | React Notes | 笔记编辑界面
- 实战篇 | 博客 | 快速实现
- 实战篇 | React Notes | 服务器部署
- 实战篇 | React Notes | Vercel 部署
- 实战篇 | 博客 | i18n
- 实战篇 | 博客 | Contentlayer
- 实战篇 | 博客 | SEO
- 实战篇 | 博客 | 深色模式（Dark Mode）
- 源码篇 | 实现 Streaming
- 实战篇 | 博客 | 性能分析
- 实战篇 | 博客 | 评论系统
- 实战篇 | Clerk 与登录注册
- 源码篇 | 手写 React SSG 和 ISR
- 源码篇 | RSC 实现原理
- 实战篇 | Crowdin 与本地化
- 源码篇 | 手写 RSC（下）
- 源码篇 | 手写 RSC（上）
- 源码篇 | 手写 React SSR
- 面试篇 | 五千字的面试技巧分享
- 源码篇 | 实现客户端组件
- 源码篇 | 实现 Server Actions
- 面试篇 | 常见面试题及解析（1）
- 面试篇 | 常见面试题及解析（2）
- 番外篇 | 拓展阅读
- 实战篇 | React Notes | next-auth
- 实战篇 | React Notes | 文件上传
- 实战篇 | React Notes | Strapi
- 实战篇 | React Notes | Docker 部署
- 实战篇 | React Notes | Prisma
- 实战篇 | React Notes | Docker 快速入门
- 答疑篇 | 学习路线与答疑
- 路由篇 | 中间件
- 渲染篇 | React Server Component 与 SSR
- 渲染篇 | 服务端渲染策略
- 渲染篇 | Suspense 与 Streaming
- 缓存篇 | Caching（下）
- 数据获取篇 | Server Actions（下）
- 路由篇 | 链接与导航
- 实战篇 | Storybook 与 UI 开发
- 实战篇 | Zod 与数据校验
- 实战篇 | 最佳实践总览
- 实战篇 | Shadcn UI 与组件库
- 实战篇 | React Hook From 与表单处理
- 实战篇 | t3-app 实战 | 身份认证与主题切换
- 实战篇 | create-t3-app 与项目初始化
- 实战篇 | tRPC 与类型安全
- 实战篇 | t3-app 实战 | 创建任务
- 实战篇 | t3-app 实战 | 创建清单