Next.js 和 React 18 Bootcamp 构建生产站点
Next.js and React 18 Bootcamp Build a Production Site
- 1. Introduction
- 1. Course Curriculum Overview Next.js, React, and Web Development
- 2. Learn The Most Important Next.js Lesson Right Away Build in Next.js Right Away
- 3. React Fundamentals and Client vs. Server Components In Depth
- 2. Project Start Next.js Route Groups, Layouts, & Pages Home
- 1. Start the Next.js and React Project
- 2. Link to Pages with NextLink Grid Item
- 3. Style with Tailwind CSS
- 4. Next.js Fonts and Responsive Design
- 3. Client Components, Server Components, and Server Actions Connect
- 1. Connect Page Setup
- 2. Next.js Client Components
- 3. Next.js Server Actions (get-followers)
- 4. Mailjet API post-contact Server Action and Next.js Environment Variables
- 5. React 18 useTransition and Create Contact Form
- 4. Next.js Dynamic Segments, Route Groups, and React Suspense Record
- 1. Next.js Layout Structure, Loading.js, and Global Components
- 2. Next.js Dynamic Segments and generateStaticParams record[id]
- 3. Next.js generateMetadata record[id]page.js
- 4. React Suspense and React lazy Embed
- 5. Next.js not-found and Route Groups
- 6. Nested Dynamic Segments record[id][content]
- 7. Breadcrumbs Component and Next.js useSelectedLayoutSegments nav-title
- 5. Further Next.js and React 18 Concepts Quiz & Discography
- 1. Setup Quiz Form and (form) route group
- 2. Next.js useSearchParams and Quiz result
- 3. Next.js Images and Web Standards Discography
- 4. React 18 useDeferredValue
- 6. Project End Next.js Deployment and Final Touches
- 1. Next.js Deployment with Vercel
- 2. Remaining Pages and Functionality
- 7. Conclusion
- 1. Congratulations