Next.js Tutorial 2025: Start Your Journey 🚀

Learn Next.js in 2025

👉 Kinde for auth (sponsored): https://bit.ly/3QOe1Bh
👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh
👉 Work with me: support@bytegrad.com

👉 React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs
👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
👉 Professional CSS Course: https://bytegrad.com/courses/professional-css

👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com
👉 Email newsletter (BIG update soon): https://email.bytegrad.com
👉 Discord: all my courses have a private Discord

⏱️ Timestamps:
00:00 Next.js intro
03:14 Example Next.js app
04:15 Create new Next.js app
05:20 Fresh Next.js app lookaround
11:17 Routing
14:15 Link component
16:15 Layout styling
16:53 Folder structure
17:23 Image component
18:43 Data fetching (in server component)
21:22 Database & ORM (Prisma)
24:55 Dynamic route
25:13 Folder structure pt. 2
25:30 Dynamic route (continued)
27:00 Params
28:53 Not found
29:58 Server actions
35:21 revalidatePath()
36:36 Route handlers (API endpoints)
37:16 Webhooks
38:19 Client components vs Server components
43:01 Authentication
44:36 DIY vs Kinde

#webdevelopment #reactjs #nextjs

Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code.

This channel and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and KRS-number: 0001125554 .
.
TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)