|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/lets-build-10-nextjs-projects/
课程评论：没有评论
**课程名称：** Let's Build 10 NextJs Projects **课程概述：** 本课程专注于Next.js，一个由Vercel开发的、基于React的开源Web开发框架。Next.js因其默认支持服务器端渲染（SSR）和静态站点生成（SSG），已成为前后端开发者的热门选择。 **核心优势与特性：** * **内置优化：** Next.js提供图片和字体优化，确保页面加载时不出现布局偏移。 * **React Suspense集成：** 实现服务器动态HTML流式传输，允许用户在内容加载过程中仍可与网站互动。 * **React Server Components：** 默认使用安全性更高的React Server Components，尤其在数据库查询方面，减少了客户端数据暴露的风险。 * **异步Server Components：** 支持使用async/await关键字直接在组件中进行数据获取。 * **CSS集成：** 支持多种CSS方案，包括CSS Modules、UI框架以及Emotion等CSS-in-JS库。 * **高级功能：** 支持增量静态生成（ISR）、缓存，以及实验性的局部预渲染（PPR）。 * **Server Actions：** 提供Server Actions功能，允许在服务器和客户端执行异步函数，实现一次网络往返。 * **API Routes：** 内置Route Handlers，可方便地构建API路由，如用户认证和Webhook。 * **Middleware支持：** 可实现自定义中间件。 * **文件系统路由：** 基于文件系统的路由系统，支持在构建时生成动态路由和嵌套路由。 * **技术栈：** Next.js基于React、Turbopack和Speedy Web Compiler (SWC)构建。 **学习目标：** 通过构建10个实际项目，深入理解和掌握Next.js的各项功能和最佳实践，从而能够高效地开发现代Web应用程序。
NextJs is an open source web development framework built by Vercel, and built upon the React JavaScript library. It has become one of the most beloved frameworks for front-end and back-end web developers because it offers server-side rendering by default, and static-site generation. Because it is a framework, NextJs handles a lot of nuances that React does not. For example:It has built in optimizations for images and fonts so that they don't cause a layout shift when your page loads.It uses React Suspense to enable dynamic HTML streaming from the server so that users can still interact with your website as more content is processed from the server.It uses React Server components by default which are more secure when querying data from a database and which provide and additional layer of security to your application because it's data is not saved on the client.NextJs allows us to make server components asynchronous. This allows us to use the async / await keywords when naming components in order to fetch data from a source. It allows for many CSS integrations including CSS modules, frameworks and CSS-in-JS libraries such as Emotion.It has support for Incremental Static Generation (ISR), caching, and the newly introduced, but still experimental Partial Prerendering (PPR).It has support for server actions which are asynchronous functions that can be run in both the server and client to execute in one network roundtrip.You can build your own API routes such as for authentication and webhooks thanks to its Route handlers.You can implement your own middleware.It uses a file-based routing system that allows for generating dynamic routes at build time, and nesting routes.NextJs is built on React, Turbopack, and Speedy Web Compiler (SWC).
