Uploaded February 2023 | Updated September 2026, 2 weeks ago

---

In this video I try Next.js 13 Beta.

View the code here: github.com/codinggarden/next-travel-log

📩 Sign up for my mailing list: https://list.coding.garden/
💖 Donate: https://coding.garden/donate
😍 Pledge: https://coding.garden/pledge
💬 Discord: https://coding.garden/discord
🎉 Stickers: https://coding.garden/stickers
💻 Gear List: https://coding.garden/gear
🔎 Search for more Coding Garden videos here: https://coding.garden/videos
🗣 View the Coding Garden FAQ here: github.com/CodingGarden/faqs

00:00:00 Intro
00:00:12 Streaming on YouTube
00:01:24 Why I don't stream on Twitch and YouTube at the same time
00:02:55 What are we doing today
00:08:59 What is Next.js?
00:10:52 generate app
00:16:31 Tour of the app
00:18:50 Creating task list
00:22:35 Setting up eslint/prettier
00:29:36 Cleaning up generated app
00:38:26 Database setup
00:53:31 Zod / Model Setup
01:13:04 Server Components
01:23:00 API Routes
01:41:26 Tailwind / DaisyUI Setup
02:08:45 Setup react-hook-form
02:22:49 Move Zod validator to seperate file
02:36:03 Form refactor
03:35:34 Map setup
03:58:50 Switch to leaflet / setup
04:55:36 Conclusion