这门课解决什么问题

很多人学Next.js，停留在写页面和传数据的阶段。但当你真正想搭一个能用的后台系统时，会发现权限、多租户、文件上传这些才是绕不过去的门槛。这门课不讲空泛的语法，而是直接带你用Next.js搭出一个类似Jira的工作平台：从登录鉴权、路由保护，到工作区切换、成员管理，再到图片上传，每一步都是实打实的工程实践。它承认有些细节（比如如何优雅地处理会话状态）可能一开始很难，会帮你理清思路，而不是让你死记硬背。

适合什么基础

如果你已经有一定Next.js或React的基础，知道组件和路由的基本用法，这门课适合你。如果你连JSX和API路由都不熟悉，建议先花几天时间补课。这门课不假设你写过复杂项目，但要求你能跟着代码逻辑走。对于多租户架构和权限设计的底层逻辑，课程会坦诚地指出难点，允许你在学不会的部分先放一放，重点放在如何用现有技术栈把页面搭起来。

建议先看哪几块

建议按照项目推进的顺序来，不要跳跃。先理解项目骨架和权限系统（登录鉴权、路由保护），这是整个平台的基石。接着看仪表盘布局和工作区表单，这两块决定了你搭出的系统是好看且能用。最后处理工作区成员管理和图片上传，这是让系统真正可用的关键。中间遇到学不会的部分，可以回头重看，不必强求一步到位。

学完能独立做什么

学完这门课，你就能独立搭建一个带登录鉴权、多工作区切换、成员权限管理和文件上传的后台前端。你不需要再依赖现成框架，而是能够自己设计页面结构、处理表单状态、实现权限控制。更重要的是，你掌握了这类系统的核心开发模式，以后遇到类似的后台项目，都能快速上手。

资料怎么配合练习

课程配套的资料包提供完整的代码和文件，你跟着讲解一步步写代码即可。遇到学不会的地方，不要死磕，可以暂停思考，或者先尝试自己写，再对照讲解找差距。资料包中的讲解视频和字幕都是同步的，方便你随时暂停和回看。建议边看边动手，每完成一个模块，就试着自己独立实现一遍，加深理解。

课程目录

1.-Intro.mp4
1.-Intro.srt
1.-Intro.vtt
10.-Building-a-session-middleware.mp4
10.-Building-a-session-middleware.srt
10.-Building-a-session-middleware.vtt
11.-Learning-how-to-protect-routes.mp4
11.-Learning-how-to-protect-routes.srt
11.-Learning-how-to-protect-routes.vtt
12.-Building-a-dashboard-layout.mp4
12.-Building-a-dashboard-layout.srt
12.-Building-a-dashboard-layout.vtt
13.-Building-a-workspace-form.mp4
13.-Building-a-workspace-form.srt
13.-Building-a-workspace-form.vtt
14.-Handling-image-upload.mp4
14.-Handling-image-upload.srt
14.-Handling-image-upload.vtt
15.-Creating-a-workspace-switcher.mp4
15.-Creating-a-workspace-switcher.srt
15.-Creating-a-workspace-switcher.vtt
16.-Creating-workspace-members.mp4
16.-Creating-workspace-members.srt
16.-Creating-workspace-members.vtt
17.-Building-a-responsive-modal.mp4
17.-Building-a-responsive-modal.srt
17.-Building-a-responsive-modal.vtt
18.-Building-a-standalone-layout.mp4
18.-Building-a-standalone-layout.srt
18.-Building-a-standalone-layout.vtt
19.-Building-workspace-settings.mp4
19.-Building-workspace-settings.srt
19.-Building-workspace-settings.vtt
2.-Project-setup.mp4
2.-Project-setup.srt
2.-Project-setup.vtt
20.-Refactoring-server-queries.mp4
20.-Refactoring-server-queries.srt
20.-Refactoring-server-queries.vtt
21.-Adding-a-_delete_-functionality.mp4
21.-Adding-a-_delete_-functionality.srt
21.-Adding-a-_delete_-functionality.vtt
22.-Adding-a-_reset-invite_-functionality.mp4
22.-Adding-a-_reset-invite_-functionality.srt
22.-Adding-a-_reset-invite_-functionality.vtt
23.-Building-the-invite-system.mp4
23.-Building-the-invite-system.srt
23.-Building-the-invite-system.vtt
24.-Building-the-members-list.mp4
24.-Building-the-members-list.srt
24.-Building-the-members-list.vtt
25.-Adding-workspace-projects.mp4
25.-Adding-workspace-projects.srt
25.-Adding-workspace-projects.vtt
26.-Building-project-settings.mp4
26.-Building-project-settings.srt
26.-Building-project-settings.vtt
27.-Building-a-tasks-API.mp4
27.-Building-a-tasks-API.srt
27.-Building-a-tasks-API.vtt
28.-Building-a-task-form.mp4
28.-Building-a-task-form.srt
28.-Building-a-task-form.vtt
29.-Building-data-filters.mp4
29.-Building-data-filters.srt
29.-Building-data-filters.vtt
3.-Adding-a-component-library.mp4
3.-Adding-a-component-library.srt
3.-Adding-a-component-library.vtt
30.-Building-a-data-table.mp4
30.-Building-a-data-table.srt
30.-Building-a-data-table.vtt
31.-Adding-task-settings.mp4
31.-Adding-task-settings.srt
31.-Adding-task-settings.vtt
32.-Building-a-data-kanban.mp4
32.-Building-a-data-kanban.srt
32.-Building-a-data-kanban.vtt
33.-Adding-a-kanban-update-API.mp4
33.-Adding-a-kanban-update-API.srt
33.-Adding-a-kanban-update-API.vtt
34.-Building-a-data-calendar.mp4
34.-Building-a-data-calendar.srt
34.-Building-a-data-calendar.vtt
35.-Adding-a-task-page.mp4
35.-Adding-a-task-page.srt
35.-Adding-a-task-page.vtt
36.-Refactoring-server-components.mp4
36.-Refactoring-server-components.srt
36.-Refactoring-server-components.vtt
37.-Building-project-analytics.mp4
37.-Building-project-analytics.srt
37.-Building-project-analytics.vtt
38.-Building-workspace-analytics.mp4
38.-Building-workspace-analytics.srt
38.-Building-workspace-analytics.vtt
39.-Resolving-build-errors.mp4
39.-Resolving-build-errors.srt
39.-Resolving-build-errors.vtt
4.-Customizing-components.mp4
4.-Customizing-components.srt
4.-Customizing-components.vtt
40.-Implementing-OAuth-login.mp4
40.-Implementing-OAuth-login.srt
40.-Implementing-OAuth-login.vtt
41.-Deployment.mp4
41.-Deployment.srt
41.-Deployment.vtt
5.-Resolving-lint-errors.mp4
5.-Resolving-lint-errors.srt
5.-Resolving-lint-errors.vtt
6.-Creating-auth-screens.mp4
6.-Creating-auth-screens.srt
6.-Creating-auth-screens.vtt
7.-Setting-up-Hono-API.mp4
7.-Setting-up-Hono-API.srt
7.-Setting-up-Hono-API.vtt
8.-Creating-auth-API.mp4
8.-Creating-auth-API.srt
8.-Creating-auth-API.vtt
9.-Setting-up-Appwrite-_-Database.mp4
9.-Setting-up-Appwrite-_-Database.srt
9.-Setting-up-Appwrite-_-Database.vtt
Build a Jira clone.txt
code.zip