|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs13/
课程评论：没有评论
课程名称：Next.js 13 和 React 速成课程 2023 课程概述：本课程将带您在一个轻松、有趣且务实的旅程中学习 Next.js 13 开发。您将在几分钟内开始构建您的第一个 Next.js 应用程序。每个部分均以简短并直截了当的方式录制，旨在节省您的时间（当然也包括我的时间），专注于必要的内容。在本课程中，我们将涵盖以下内容： 1. 介绍与设置 2. 文件结构、主页和使用 Daisy UI 3. 路由系统与嵌套路由 4. 布局 5. 元数据 API 6. 导航栏 7. React 服务器组件与客户端组件 8. 数据获取 9. 渲染 GitHub 用户 10. 动态路由与参数属性 11. Repos 组件 12. 加载页面 13. 缓存与重验证 14. API 路由处理器 15. 提供书籍数据 16. 获取书籍数据 17. 轻微调整 18. 获取搜索参数 19. 添加新书 20. 重构服务器到客户端组件 21. 搜索组件 22. 添加书籍组件 23. 调用添加书籍端点 24. 添加书籍后刷新书籍列表 25. 删除书籍 26. 设置 Prisma 数据库 27. 从 Prisma 获取书籍 28. 向 Prisma 数据库中添加书籍 29. 从 Prisma 数据库中删除 30. 从 Prisma 数据库中搜索 本课程的目标是以可管理的方式教授 Next.js 全栈开发，避免让您感到不堪重负。我们专注于基本知识，以实践为导向的方式覆盖材料，确保您能跟着代码实例进行学习。本课程故意将内容分解为简短的部分，每个部分的开发过程围绕不同的重要主题展开，强调通过实践学习的有效性。
In this course, we take you on a fun, hands-on and pragmatic journey to learning Next.js 13 development. You'll start building your first Next.js app within minutes. Every section is recorded in a bite-sized manner and straight to the point as I don't want to waste your time (and most certainly mine) on the content you don't need. In this course, we will cover:1. Introduction and Setup 2. File Structure, HomePage and Using Daisy UI 3. Routing System and Nested Routes 4. Layouts 5. Metadata API 6. Navigation Bar 7. React Server Components vs Client Components 8. Data Fetching 9. Rendering GitHub Users 10. Dynamic Routes and Params Prop 11 Repos Component 12. Loading Page 13. Caching and Revalidating 14. API Route Handlers 15. Serving Books Data 16. Fetching Books Data 17. Slight Adjustment 18. Getting Search Params 19. Adding a New Book 20. Refactor Server to Client Component 21. Search Component22. AddBook Component23. Calling the Add Book End Point24. Refreshing Books After Adding 25. Deleting a Book 26. Setting up Prisma Database 27. Getting Books from Prisma 28. Adding a book into Prisma DB 29. Deleting from Prisma Database 30. Searching from Prisma Database The goal of this course is to teach you Next.js full stack development in a manageable way without overwhelming you. We focus only on the essentials and cover the material in a hands-on practice manner for you to code along.Working Through This CourseThis course is purposely broken down into short sections where the development process of each section will center on different essential topics. The course a practical hands on approach to learning through practice. You learn best when you code along with the examples.
