Learning Next.js 13 Beta – Part 1 – Building a Full Stack Travel Log with React, Mapbox and MongoDB



In this video I try Next.js 13 Beta.

View the code here:

📩 Sign up for my mailing list:
💖 Donate:
😍 Pledge:
💬 Discord:
🎉 Stickers:
💻 Gear List:
🔎 Search for more Coding Garden videos here:
🗣 View the Coding Garden FAQ here:

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

Leave a Comment

Your email address will not be published. Required fields are marked *