Explore the latest features of Next.js 13, including server components and server actions, by building a simple todo list application in this 30-minute tutorial video. Learn how to set up a project, configure the database, implement Next.js 13 routing, create a home page, fetch data using server components, design a new todo page, and utilize server actions for forms and buttons. Gain hands-on experience with the evolving Next.js framework while following along with provided code examples and additional resources for further learning.
Overview
Syllabus
- Introduction
- Setup
- Database Setup
- Remove Boilerplate Code
- Next.js 13 Routing
- Home Page
- Server Component Data Fetching
- New Todo Page
- Server Actions Forms
- Server Actions Buttons
Taught by
Web Dev Simplified
