Next.js 全栈开发之路
掌握 Next.js 15 和 React 19 的全栈 Web 开发
- Web 开发者之旅：$199（原价 $299）
- 软件工程师之旅：$299（原价 $499）
学习内容：
React 服务器组件
- 探索使用服务器组件构建全栈 Web 应用程序的新视角。
- 组件中的数据库读取访问
- 将组件传输到浏览器
- 异步等待组件
- 部分预渲染以提高性能
服务器操作
- 从 React Components 访问服务器以写入数据库或调用 API。
- 访问组件中的服务器逻辑
- 从 UI 操作数据库
- 使用 Web 标准和表单
本课程的技术栈：
Next.js 15
Next.js 被世界上一些最大的公司所采用，它使您能够利用 React 组件的强大功能创建高质量的 Web 应用程序。
React 19
React 可让您使用称为组件的各个部分构建用户界面。创建您自己的 React 组件并将它们组合成整个屏幕、页面和应用。
Prisma
Prisma 为您的团队提供最佳的 DX，以便他们与数据库进行工作和交互。即使是连接池、缓存、实时订阅等复杂主题也成为可能。
Supabase
Supabase 是 Firebase 的开源替代品。使用 Postgres 数据库启动您的项目，并根据需要添加更多服务。
TypeScript
解锁 TypeScript 的强大功能：进入一个强类型化的世界，让代码更加可靠。充满信心地应对复杂的项目。
Zod
Zod 通过简洁的语法和无缝的 TypeScript 集成确保更安全的基于 TypeScript 的模式验证，减少错误并强制数据完整性。
Oslo.js
Oslo.js 是一个轻量级、类型化身份验证库，提供 JWT、OAuth2、密码哈希、WebAuthn 验证和加密工具，用于安全身份验证。
Vercel
Vercel 是一个用于快速部署和扩展现代 Web 项目的云平台。它与 Next.js 无缝集成，是此技术堆栈的最佳选择。
Tailwind CSS
Tailwind CSS 是一个高度可定制的实用优先 CSS 框架，它通过提供一组广泛的预构建类来简化样式设置过程。
Shadcn/UI
发现一系列精心制作的组件，可无缝集成到您的应用程序中。易于访问、完全可定制且自豪地开源。
技术主题相关的子主题。具体如下：
2.1 React Server Components (RSC)
– Asynchronous Components（异步组件）
– RSC vs Client Components（RSC与客户端组件）
– Client – Server Composition（客户端 – 服务器组合）
– Component Directives（组件指令）
2.2 CRUD Operations
– Create a Record（创建记录）
– Read a Record（读取记录）
– Update a Record（更新记录）
– Delete a Record（删除记录）
2.3 Authentication
– Roll your own Auth（自定义认证）
– Conditional UI Components（条件UI组件）
– Sign Up, In & Out（注册、登录和退出）
– Get Current Session（获取当前会话）
– Exclude Sensitive Data（排除敏感数据）
2.4 New Hooks
– useTransition（使用过渡）
– useFormStatus（使用表单状态）
– useActionState（使用操作状态）
2.5 Caching
– Full Route Cache（全路径缓存）
– Request Memoization（请求缓存）
– Data / Router Cache（数据/路由缓存）
– generateStaticParams()（生成静态参数）
2.6 Progressive Enhancement
– Works Without JavaScript（无JavaScript工作）
– Fallback with <noscript>（<noscript>回退）
– Feature Folders（功能文件夹）
– Shared Folders（共享文件夹）
2.7 Component Patterns
– Reusable Components（可重用组件）
– Component Composition（组件组合）
– Controlled Components（受控组件）
– Mediator Components（中介组件）
– Custom Hooks（自定义钩子）
– Prop Drilling（属性传递）
2.8 CSS
– Vertical & Horizontal Layouts（垂直和水平布局）
– Animations（动画）
– Conditional Classes（条件类）
– Responsive Design（响应式设计）
2.9 React Query
– Prefetching in Server Components（服务器组件中的预取）
– Initial State in Client Component（客户端组件中的初始状态）
– Client – Side State Management（客户端状态管理）
– Refetching & Invalidation（重新获取和失效）
– Infinite Scrolling（无限滚动）
– Intersection Observer（交叉观察器）
2.10 Layers
– UI Layer（UI层）
– Action Layer（动作层）
– Query Layer（查询层）
– Public API Layer（公共API层）
3. 第二列
– 同样的两列布局，以下是第二列的标题和子主题：
3.1 Data Fetching
– Streaming（流）
– Pre – Rendering（预渲染）
– Suspense（悬念）
– Fallback Loading（回退加载）
3.2 Database
– Domain Modelling（领域建模）
– Schema Definition（模式定义）
– Seeding & Migrations（播种和迁移）
– UI Database Exploration（UI数据库探索）
3.3 ORM
– Partial Selection（部分选择）
– Joins (Relation Queries)（连接（关系查询））
– Inserts (Insert or Update)（插入（插入或更新））
– Transactions（事务）
3.4 File Conventions
– Loading, Error, Not Found（加载、错误、未找到）
– Route Groups（路由组）
– Private Folders（私有文件夹）
3.5 Validation & Feedback
– Server – Side Validation（服务器端验证）
– Form – Field Feedback（表单字段反馈）
– Toast Feedback（提示反馈）
– Feedback after Redirect（重定向后反馈）
3.6 Project Structure
– General Folder Structure（一般文件夹结构）
– App Router Structure（应用路由结构）
– Animations（动画）
– Theming（主题）
3.7 Styling
– Light & Dark Mode（亮暗模式）
– Utility – First CSS（实用优先的CSS）
– Typestyles（样式类型）
– Inference & Assertions（推理和断言）
3.8 TypeScript
– ReturnType & Await（返回类型和等待）
– Type Merging（类型合并）
– Generics（泛型）
3.9 Navigation
– Header & Sidebar（页眉和侧边栏）
– Tabs & Breadcrumbs（标签和面包屑）
– Redirects（重定向）
3.10 Cookies
– User Preferences（用户偏好）
– User Feedback（用户反馈）
3.11 Server – Side Operations
– Sorting（排序）
– Searching & Filtering（搜索和过滤）
– Offset – Based Pagination（基于偏移的分页）
– Cursor – Based Pagination（基于游标分页）
3.12 Search Params
– useRouter, usePathname, useParams（使用路由器、使用路径名、使用参数）
– useSearchParams & Typed Params（使用搜索参数和类型参数）
– URL State / Default State（URL状态/默认状态）
3.13 Software Craftsmanship
– Premature Optimizations（过早优化）
– DRY with Abstractions（抽象的DRY原则）
– Inversion of Control（控制反转）
– Singleton（单例）
3.14 Design Patterns
– Configuration over Composition（基于配置而非组合）
– Sliding Window（滑动窗口）
– Composite Key（复合键）
3.15 Active Terminals
– Terminal 1: Dev Server（终端1：开发服务器）
– Terminal 2: Git（终端2：Git）
– Terminal 3: DB Studio（终端3：数据库工作室）
教程语言：英语
教程字幕：中英文字幕
课程要求：
- 基本的 JavaScript 知识
- 对 TypeScript 和 React 有基本了解更佳
- 无需 Next.js 经验
课程描述：
《Next.js 全栈开发之路》是一门适合初学者和中高级开发者的综合性视频课程，专注于使用 Next.js 和 React 构建现代化全栈应用。课程从基础开发环境的搭建，到生产环境的应用部署，覆盖了高级 React 概念、后端开发和全栈技能的方方面面。
通过本课程，您将学习如何设计和开发高性能的 Web 应用，掌握从前端到后端的完整开发流程，并构建实际可用的 SaaS 应用。课程还包含高级主题，如异步组件、服务端操作、用户认证、数据库管理等，帮助您从初级开发者迈向资深开发者或软件工程师。
完成课程后，您将拥有扎实的技术基础，能够胜任复杂项目开发，并成为技术团队中的核心成员。同时，您将加入一个活跃的学习社区，与志同道合的开发者共同进步。
立即加入我们，开启您的全栈开发之旅！
