Learn NextJS 13: Build a Modern Full-Stack E-commerce App with TailwindCSS + Stripe + Zustand

Опубликовано: 17 Октябрь 2024
на канале: Smoljames
19,633
555

NextJS 13 is amazing; there's a lot of new functionalities and features from the previous versions and so in this E-commerce Store tutorial, we cover all the new features so that you can start building your own Full-Stack projects with NextJS 13 today! We also using technology like Zustand for global state management in our App, the Stripe API for all our product and transaction handling, and TailwindCSS to design and stylize our web app.

#NextJS #Stripe #programming

🔗 Resources

Github repository - https://github.com/jamezmca/nextjs13-...
Init NextJS 13 w TailwindCSS - https://kit.svelte.dev/docs/creating-...
Stripe - https://stripe.com
Font Awesome CDN - https://cdnjs.com/libraries/font-awesome
Apple img - https://i.imgur.com/0kbVK0Q.jpg
Banana img - https://i.imgur.com/mT4KIYO.jpg
Pineapple img - https://i.imgur.com/TTajTU1.jpg

🔥 Get More Content - Subscribe and click le notification bell to stay tuned for all the fun & exciting tutorials to come!
Roadmap - https://roadmap.smoljames.com
Courses - https://smoljames.com

📚 Chapters

00:00 Intro + Demo
01:37 Init NextJS 13 w TailwindCSS
11:37 Stripe Store
17:27 Continue App
30:00 Init Zustand Store
40:00 Finish NextJS App
01:12:32 Next API Routes

🔖 Topics Covered

How to build a full stack app
Learn NextJS 13
Build an E-commerce Store
Firebase Auth + Firestore noSQL databases
NextJS 13 Backend / API
TailwindCSS