Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
9 Hour(s) 50 Minute(s)
Language
English
Taught by
Brad Traversy
Rating
2 views
Course Overview
Build a real-world project using Next.js and MongoDB
This is a project based course that will teach you how to use Next.js in the real world. We use the Next.js framework to build a property rental website where users can browse, search and manage property listings.
Next.js is the future of React. Server-side rendered websites and static websites are becoming the norm over single page applications and Next.js allows you to build both with ease. Learning Next will give you a huge advantage when it comes to modern web development.
The project will have the following features:
User authentication with Google & Next Auth
User authorization
Server Actions & Database Interaction
Route protection
User profile with user listings
Property Listing CRUD
Property image upload (Multiple)
Cloudinary integration
Property search
Internal messages with 'unread' notifications
Photoswipe image gallery
Mapbox maps
Toast notifications
Property bookmarking / saved properties
Property sharing to social media
Loading spinners
Responsive design (Tailwind)
Custom 404 page
This course will give you all of the skills that you need to start creating your own full stack Next.js applications.
Here are some of the packages and technologies that we will be using:
Next.js 14
React
Tailwind CSS
MongoDB
Mongoose
Next Auth
React Icons
Photoswipe
Cloudinary
Mapbox
React Map GL
React Geocode
React Spinners
React Toastify
React Share
Course Content
- 10 section(s)
- 77 lecture(s)
- Section 1 Introduction
- Section 2 Next.js Fundamentals & Project Start
- Section 3 MongoDB Database, Server Components & Fetching Properties
- Section 4 Next Auth, Sessions & Google Provider
- Section 5 Server Actions & Creating Properties
- Section 6 Profile & Manage Properties
- Section 7 Map, Bookmarks & Sharing
- Section 8 Property Search
- Section 9 Messaging System
- Section 10 Pagination, Featured, Lightbox & Deploy
What You’ll Learn
- Learn The Fundamentals of Next JS
- Build a Real-World Property Rental Website From Scratch
- File-Based Routing, React Server Components, Data Fetching, API Routes+
- Next Auth & Google Provider for Authentication & Authorization
- Use MongoDB & Mongoose In Server Actions
- Internal Messaging, Bookmarks, Search, Image Lightboxes, Pagination+
- Implement Cloudinary for Image Storage & Optimization
Reviews
-
AAnantha Kuttimurugan
I thoroughly enjoyed this course, which provided a strong foundation in contemporary web development and was informative and well-structured.
-
LLe Xuan Binh
I really enjoy your course — it has helped me a lot in learning Next.js. The lessons are very practical, and the way you explain each concept with simple, essential features makes it easy for learners to understand. I truly hope you’ll release more courses like this, especially ones that combine Next.js and MongoDB, with real-world projects that include more advanced and challenging features. I’d love to deepen my understanding of Next.js through hands-on projects like the ones you teach. Thank you so much for your great work!
-
FFarman ullah
it realy help to build the nextjs projects
-
RRamesh Kumar Mani
This course was well-structured and informative, offering a solid foundation in modern web development. I gained valuable insights and practical skills that I can apply directly to my projects.
