Next.js 14 完整课程 2024 | Next.js 14 初学者全栈应用教程

Tomycl:
02:04:39 Next.js Client Component Parent & Server Component Child Problem 02:07:55 Next.js Navigation Explained (Links, useRouter, useParams, page params) 02:17:26 Next.js Data Fetching Explained (Understanding Caching) 02:24:58 Next.js Suspense Explained 02:30:04 Next.js 14 How to Fetch Data without Using an API 02:35:15 Next.js 14 MongoDB Full Stack App Tutorial 02:59:30 Next.js 14 noStore Explained (How to Stop Caching Data?)

violet-mio:
03:00:50 Next.js SEO 教程（静态和动态 SEO 解释） 03:05:57 Next.js 14 服务器操作教程，附带真实示例 03:18:30 Next.js 服务器操作 vs API 路由（该选择哪个？） 03:19:27 Next.js 14 API 路由解释 03:28:20 Next.js 14 Auth 教程 | 使用 Next-Auth 和服务器操作进行身份验证 03:29:26 Next Auth 社交媒体登录教程，使用服务器操作 03:42:07 Next Auth 社交媒体登录教程，如何将用户添加到数据库 03:49:47 Next Auth 使用用户凭据教程（电子邮件和密码登录） 04:04:20 Next.js useFormState Hook 解释！ 04:17:56 Next.js 14 NEXT_REDIRECT 错误及解决方案 04:19:40 Next.js 14 中间件解释 | Next.js Auth.js（Next-Auth）如何保护路由？ 04:33:11 Next.js 14 管理员仪表板教程，使用服务器操作 04:55:14 结束语

Tomycl:
00:00 Introduction 03:00 Next.js Installation 07:31 Next.js 14 Folder Structure 09:35 Next.js App Route Explained (Next.js Routing) 18:50 Next.js Layouts Explained 21:31 Next.js Should You Use the src Directory? 23:00 Next.js Components 28:00 Next.js Loading, Error, Not Found Layouts 32:00 Next.js Styling (CSS Modules and Tailwind) 42:51 Next.js How to Give the Active Class to a Navbar Link 50:45 Responsive Navbar Design 57:30 Responsive Container Layout 59:30 Next.js Image Explained 01:07:25 Homepage Design 01:16:32 About Page Design 01:21:05 Contact Page Design 01:26:00 Next.js Blog Page Design 01:34:50 Single Blog Page Design 01:48:35 Next.js Rendering Explained (Server Components vs Client Components) 01:58:20 Next.js 14 Hydration Error and the Solutions

Tomycl:
03:00:50 Next.js SEO Tutorial (Static and Dynamic SEO Explained) 03:05:57 Next.js 14 Server Actions Tutorial with a Real-World Example 03:18:30 Next.js Server Actions vs API Routes (Which One to Choose?) 03:19:27 Next.js 14 API Route Explained 03:28:20 Next.js 14 Auth Tutorial | Authentication with Next-Auth & Server Actions 03:29:26 Next Auth Social Media Sign in Tutorial with Server Actions 03:42:07 Next Auth Social Media Sign in How to Add User To Database 03:49:47 Next Auth with User Credentials Tutorial (Email & Password Login) 04:04:20 Next.js useFormState Hook Explained! 04:17:56 Next.js 14 NEXT_REDIRECT Error and the Solution 04:19:40 Next.js 14 Middleware Explained | Next.js Auth.js (Next-Auth) How to Protect Routes? 04:33:11 Next.js 14 Admin Dashboard Tutorial with Server Actions 04:55:14 Outro

我是QQ糖甜到太平洋:
感谢up主分享，这位老师讲得太好了！有一个小问题，哪位同学知道老师写css时自动提示一堆样式代码的功能是用的哪个vscode插件实现的呀？

【回复】回复 @我是QQ糖甜到太平洋 :可以用国产的fitten code 免费的功能也还可以，虽然比不上github那个。
【回复】回复 @我是QQ糖甜到太平洋 : 学生有edu邮箱的话可以申请到免费的
【回复】回复 @我是QQ糖甜到太平洋 :正版的copilot一年100刀，我刚买了一年[笑哭]
新Sir说健康:
react有什么好推荐学习的吗，现在水平还够不到next.js

【回复】要速成可以去看黑马或者尚硅谷
bili_94498420939:
文档是英文的，，连教程都是英文的。。。

bili_15212257171:
请教个事，零基础学习next.js需要先掌握哪些知识

【回复】回复 @bili_15212257171 :路线是没错的，react之后学Nextjs如果还觉得吃力可能要补nodejs及服务相关的知识
【回复】回复 @这戏我就不演了 : 就是没有任何编程经验，感谢指点，学完html/css/js三件套了，开始学习react
【回复】零基础是指没有编程经验还是？如果是完全没有编程经验又想入门nextjs，那首先应该学习html/css/js这三，缺一不可。之后再学习react，这些搞定了才能够得着nextjs。
东边的BiLi:
nextjs是什么东西？web全栈开发的framework ？

【回复】回复 @世界de样子 : 就是把后端传数据，前端接数据的前后端分离模式聚合到一起，也就是前后端不分离，应该像php那样
【回复】回复 @______-_-____ : 全站的意思是啥
【回复】回复 @iamMrmk :问问题的人似乎描述的更准确 next是一个全站框架 不止react
墨尔本第一帅:
感谢楼上空指部的兄弟，不然4个多小时的视频没个目录很不方便

拿大锤的坏叔叔:
视频内容太精良了，最近在学习 nextjs，官方文档读了一遍还是一知半解，再看一遍视频，哦~原来代码是这么写的！！

喜欢小别的空投:
b站没有实时翻译功能吗?我是网页端的,只能上油管上听了