Building A Book Store With Next.js And MongoDB || Part 4 - LitLoop
619 views
0

 Published On Mar 29, 2024

Learn how to integrate and use MongoDb with Next.js App Router. In this video, we will use MongoDB with Mongoose ORM to fetch data into the LitLoop application.

Welcome to part 4 of building a "Full-Stack Book Store with Next.js". I am thrilled to introduce a back-end data store to you in this video and I hope you learn something exciting from it.

In the last parts, we created designs, did layouts, played with fake data, built the user interfaces, and handled the shopping cart system.

Here goes the PART 4. Let's GO 🚀

Watch Part 1:
-    • Build A Full-Stack Book Store With Ne...  

Watch Part 2:
-    • Build A Full-Stack Book Store With Ne...  

Watch Part 3:
-    • How To Use React Context API With Nex...  

I take special care to provide you the best quality. Please SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others? Thanks! 🫶

Timecodes
0:00 - What Are We Building Today?
00:45 - Where To Start?
01:41 - Old vs New Architecture.
03:31 - Installing MongoDB
05:03 - Data Handling With MongoDB Compass.
08:58 - MongoDB Connection From Next.js.
13:21 - Create Schema and Model With Mongoose.
18:13 - Get All Books Using Mongoose Models.
21:07 - Update Book List Page With Data Store Query
25:52 - Handle External Assets Config in Next.js
27:36 - Handling Book Details Page From MongoDB Data
32:12 - Check Out Overall Functionality
32:58 - What's Coming Next?

Join tapaScript Discord
- tapaScript Discord Link:   / discord  
- Start conversation in the "nextjs-youtube-series" channel.
Note: Use this only for submitting the tasks. All other comments/clarify doubts will happen as usual on the YouTube itself

The Source Code Used in the video:
- https://github.com/atapas/youtube/tre...

Links Mentioned in the Video:
- Download the data to import into MongoDB: https://github.com/atapas/youtube/tre...
- SQL vs NoSQL: https://www.mongodb.com/lp/platform/d...
- Install MongoDB: https://www.mongodb.com/docs/manual/a...
- Mongoose: https://mongoosejs.com/docs/guide.html

🤝 My Links:
- Blog: https://blog.greenroots.info/
- Follow on X(Twitter):   / tapasadhikary  
- Connect on LinkedIn:   / tapasadhikary  
- Follow My Work on GitHub: https://github.com/atapas
- Follow on Facebook:   / tapasadhi  

👋 Like my work? Thank You. You can sponsor me from here:
- Sponsor Me: https://github.com/sponsors/atapas
- Sponsor my Blog: https://blog.greenroots.info/sponsor

About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer who has vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.

You can find more about him at https://tapasadhikary.com.

#nextjs
#mongodb
#nextjstutorial
#nextjs14
#nextjs13
#mongoose
#mongodbtutorial

show more

Share/Embed