Build and Deploy a Book Library App with Next.js 16, TypeScript and MongoDB

Description

In this video we are building a clean and fully functional Book Library app using Next.js 16, Typescript, MongoDB, Tailwind CSS, Shadcn, Clerk, Axios, and Cloudinary. No unnecessary complexity. You will see real world features you can apply to your own projects. 🔹 What You Will Learn: ✅ Setting up a Next.js 16 project with Typescript ✅ Implementing authentication with Clerk ✅ Building a beautiful homepage that shows featured books ✅ Creating an explore page with full book listings and genre filters ✅ Adding new books with live image previews ✅ Viewing each book on its own dedicated page ✅ Editing or deleting books you created ✅ Adding or removing books from your personal library ✅ Connecting the app to MongoDB ✅ Handling requests with Axios and server logic ✅ Styling everything with Tailwind and Shadcn ✅ Storing images on Cloudinary ✅ Deploying the entire project to Vercel Source Code: https://github.com/ezeigboemmanuel/zbooks 🔗 Follow Me Twitter/X: https://x.com/zgbocode GitHub: https://github.com/ezeigboemmanuel LinkedIn: https://www.linkedin.com/in/emmanuel-ezeigbo Chapters: 0:00 - Intro & Setup 4:50 - Navbar Component 33:00 - Hero Section 43:10 - Authentication with Clerk 53:00 - Add Book Form 1:47:00 - Add Book API 2:39:00 - Get Books API 2:56:00 - BookCard Component 3:14:10 - Explore page 3:48:00 - Single Book Component 4:27:00 - Edit and Delete Book Component 5:36:30 - Library Features 7:08:30 - Deployment 💬 Have questions or want to see more projects? Drop a comment and let us build together. 🚀 🔔 Do not forget to LIKE and SUBSCRIBE for more hands on Next.js tutorials.