|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/nextjs-dev-to-deployment/
课程评论:没有评论
Coursera 课程**"Next.js Dev to Deployment"**(注意:此课程已过时,推荐学习新的 "Next.js from Scratch")旨在教授如何使用 Next.js 构建服务器端渲染 (SSR) 和静态网站。 **课程亮点:** * **项目驱动学习:** 通过构建一个音乐活动应用,深入了解 Next.js 的核心概念。 * **后端技术:** 使用 Strapi(headless CMS)作为后端,但理论上可替换为任何后端。 * **核心 Next.js 功能:** * Pages & Routing(页面与路由) * Data Fetching Methods(数据获取方法):getServerSideProps, getStaticProps, getStaticPaths * Custom API Routes(自定义 API 路由) * Static Generation(静态生成) * CSS Styling(CSS 样式) * Image Optimization(图片优化) * **项目实践:** * **音乐活动应用:** * Strapi CMS 集成 * JWT(JSON Web Tokens)认证 * 授权与访问控制 * HttpOnly Cookies 服务器存储 * 分页、搜索过滤 * cloudinary 集成实现图片上传 * 部署到 Vercel 和 Heroku * **静态博客 "Devspace":** * Tailwind CSS 集成 * 静态数据获取/生成 * Markdown (Frontmatter) 的创建、获取与解析 * 通过 API 路由/Serverless Function 实现搜索功能 * Post 缓存 * Husky Git Hooks * 部署到 Vercel * **先修知识:** * JavaScript 基础及现代 JavaScript 特性(箭头函数、解构、展开运算符等) * React 基础(课程不涵盖组件、props、JSX 等基础概念) * **资源:** 所有最终代码及所需资源均在课程各章节提供。
This course is outdated. See the new Next.js from Scratch courseNext.js is a framework for building server-side rendered React websites as well as static websites. This is a project-based course for learning Next.js. We will build a music events application that will give you the foundational knowledge that you need to create your own applications. We will use Strapi (a headless CMS) as our backend but you could just as well use anythingWe will learn the fundamentals of Next.js like...Pages & RoutingData Fetching Methods - getServerSideProps, getStaticProps, getStaticPathsCustom API RoutesStatic GenerationCSS StylingImage OptimizationIn our main project, we will also be working with...Strapi CMSAuthentication with JWT (JSON Web Tokens)Authorization and access controlStoring HttpOnly Cookies on the serverPagination, search filters, etcImage uploading with Cloudinary integrationDeploying to Vercel and HerokuNext.js can also be used to create "static websites". The second project is a static blog called DevspaceTaiilwindCSS IntegrationStatic Data Fetching/GenerationCreate, Fetch & Parse Markdown with FrontmatterSearch Functionality with API route/Serverless FunctionPost CachingGit Hooks with HuskyDeploy to VercelWhat should you know before taking this course?You should know JavaScript basics and modern JavaScript features like arrow functions, restructuring, the spread operatorYou should also know the basics of React. I will not be explaining things like components, props, JSXResources:All of the final code will be provided in the project repos and all needed resources will be provided in the sections