属于 React 学习旅程新学习旅程学习 Next.js
一门免费的互动 Next.js 课程，带你从 React 组件做到一个真实的应用：路由、布局、服务端组件和客户端组件、数据获取以及 Server Actions。卡住时有 AI 提示帮忙，学完还能获得免费证书。
47 节课41 个挑战99 道测验题
- 适合初学者
AI 辅助编程帮助
动手实践的互动课程
检验所学的测验
免费结业证书
课程大纲
本单元属于 React 学习旅程。完整大纲还有更多单元：点击下方任意预览，即可在学习旅程页面查看。
- 单元 1基础知识42 节课
单元 2
Next.js 基础
开始本单元开始从 React 组件入门，逐步构建真正的应用：学习基于文件系统的路由、布局、服务器组件和客户端组件、数据获取、服务器操作，并完成一个完整的 Next.js 项目。为什么选择 Next.js
4 节课39服务器与客户端
6 节课515项目：Coddy Eats
9 节课9
在实践中学习
编写真实代码、查询数据库、搭建网站、掌握 AI 提示词。我们的互动课程涵盖现代开发者需要的每一项技能。
打造你的连胜
坚持下去，看着自己不断进步！记录每天的编程习惯，用冻结天数保护连胜，每天打卡都能赢取奖励。
12 天连胜
明天再来，保持你的连胜！
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
加倍或归零
第 5 天，共 7 天
连胜冻结
2 left
随时随地写代码
随时随地继续你的编程学习旅程！无需配置，无需下载：打开就能写代码。支持 iOS、Android 和 Web，评分高达 4.9 星。
你并不孤单
在全球排行榜上一较高下，邀请好友赢取奖励，为彼此的成就喝彩。和好友一起编程更有趣！
1
2
3
晋级区多种学习方式
阅读、收听、自我测验、问 AI，或者查阅学过的任何内容。每节课都配合你的节奏。
变量是一个有名字的容器，用来存储值，方便你在程序后面引用。
在 Python 中，创建变量只需写下名字、一个等号，再写上要存储的值。
值可以随时间变化。给这个名字重新赋值，它就会指向新的值。
获得证书
每完成一门课程都能获得证书。把证书添加到你的 LinkedIn 个人资料和简历中，向雇主展示你的编程能力。
结业证书Python 基础
添加到 LinkedIn为什么在 Coddy 学 Next.js
- 在浏览器里构建 Next.js 应用。不用安装 Node，不用 create-next-app，也不用任何配置，每一课都会给你一个真实的 app 目录，里面有布局、页面和组件供你编辑。
- 按生产环境中的用法学 App Router：文件夹即路由、动态路由段、嵌套布局、服务端组件与客户端组件、数据获取、加载和错误状态，以及使用 Server Actions 的表单。
- AI 提示会读你实际写的代码。路由返回 404 或者服务端组件出错时，你会得到一个指向问题所在的提示，但不会直接给出答案。
- 学完这个单元即可获得免费证书。Next.js 是需求量最大的 React 框架，也是现在的前端招聘信息中和 React 一起被要求的技能。
学习 Next.js 的常见问题
Next.js 是什么？
Next.js 是一个用来构建完整 Web 应用的 React 框架。React 提供组件，Next.js 则补上组件之外的一切：基于文件系统的路由、嵌套布局、服务端渲染、数据获取，以及处理表单和数据修改的 Server Actions。它由 Vercel 开发和维护，是生产环境中使用最广泛的 React 框架。
学 Next.js 之前需要先会 React 吗？
需要。Next.js 构建在 React 之上，所以你应该先熟悉组件、props 和状态。这个单元是 React 学习旅程的第二部分：它前面的基础单元讲的正是这些基础知识，你可以按顺序一路学下来。
课程会讲 App Router 吗？
会。这个单元就是围绕现代 App Router 设计的：app 目录、文件夹即路由、动态路由段、嵌套布局，以及服务端组件和客户端组件模型。这是新的 Next.js 项目默认采用的架构，也是当前招聘信息所要求的。
服务端组件和客户端组件有什么区别？
服务端组件在服务器上渲染，可以直接获取数据，向浏览器发送的 JavaScript 也更少。客户端组件在浏览器里运行，负责交互：状态、事件和副作用。Next.js 应用会同时使用两者，知道什么时候该用哪一种，正是这个单元反复训练的核心技能之一。
可以免费在线学 Next.js 吗？
可以。这个互动 Next.js 单元是免费的，包括完整的课程内容、即时反馈的真实编程挑战和 AI 提示。一切都在浏览器里运行，开始学习前不需要安装 Node，也不需要搭建项目。
学完 Next.js 课程能拿到证书吗？
能。学完这个单元，你会获得一张免费的结业证书，可以分享到 LinkedIn 或写进简历，和你在最后几章做出的完整 Next.js 项目一起展示。
