Easy Frontend MongoDB Integration | MongoDB, Next.js, & Tailwind CSS | Jumpstart

🍿 Watch the entire Jumpstart series: https://bit.ly/3kZTE4S
✅ Sign-up for a free cluster at: https://bit.ly/mongodb-free
✅ Get help on our Community Forums: https://bit.ly/mongodb-community

Welcome back to the MongoDB Jumpstart series. In this video, we are going to build out the frontend of our e-commerce application in Next.js including all of the components, product pages, and style everything using Tailwind CSS.

And, we’ll use our MongoDB Realm serverless functions to bring in all of our data.

⌨️ Source Code: https://bit.ly/3k92POt

Connect with Jesse:
Twitter: https://twitter.com/codestackr
YouTube: https://youtube.com/codestackr
LinkedIn: https://linkedin.com/in/codestackr
Instagram: https://instagram.com/codestackr
TikTok: https://tiktok.com/@codestackr

Timestamps:
00:00 – Intro
00:34 – Overview
01:45 – Start Here
02:52 – Header Component
05:32 – Cart Component
08:32 – Container Component
09:18 – Hero Component
10:53 – Category Component
12:29 – Products Component
13:11 – Product Component
15:16 – Pagination Component
16:14 – Footer Component
17:24 – All Products Page
19:13 – Dynamic Route Product Details
20:45 – Header Build
21:16 – A New Realm Function
21:58 – Product Detail Component
23:14 – Conclusion

—

Subscribe to MongoDB ►►► https://bit.ly/3bpg1Z1

Connect with MongoDB:
Website: https://bit.ly/2LjtNBZ
Twitter: https://bit.ly/3fH87gR
Facebook: https://bit.ly/3fEaIsd
Linkedin: https://bit.ly/2SY9w90
Instagram: https://bit.ly/3bn9bDv
Community Forums: https://bit.ly/2I8VCi5
TikTok: https://bit.ly/3fHoqdJ