In this module, we will dive into the fundamentals of Next.js, from setting up your project and understanding folder structure, to designing key components like the navbar and homepage. You'll learn how to work with file-based routing, server/client components, and build interactive, dynamic pages like property listings. Additionally, you'll enhance user experience with custom 'Not Found' and 'Loading' pages.

In this module, we will guide you through setting up a MongoDB database, connecting it to your Next.js application with Mongoose, and building essential API routes for CRUD operations. You'll learn how to fetch and display property data using server components, and develop key property-related pages, including single property views and detailed components, all while improving the user interface with loading spinners.

In this module, we will walk you through setting up Google OAuth for user authentication and integrating Next Auth to manage sessions. You'll learn how to create login and sign-out components, save user data to the database, and secure routes based on authentication status. Additionally, you'll implement profile image functionality to personalize the user experience.

In this module, we will guide you through the process of creating a form to add property listings, handling input data efficiently, and submitting it via a POST API route to your database. You'll also integrate Cloudinary to allow users to upload property images and display them with high quality, enhancing the visual appeal of your property listings.

In this module, we will focus on enhancing user profiles, enabling them to manage and update their property listings. You'll learn how to implement features for viewing, editing, and deleting properties, while using toast notifications to provide real-time feedback. Additionally, you'll set up a PUT API route to ensure property data remains accurate and up-to-date.

In this module, we will explore how to enhance your property pages with interactive maps using Mapbox and geocoding, ensuring a dynamic and engaging user experience. You'll also implement bookmarking functionality, allowing users to save and revisit their favorite properties, while adding social media share buttons to expand the reach of listings.

In this module, we will guide you through building a property search feature, from creating a search component and setting up an API endpoint to fetch results. You'll learn how to display the results dynamically and organize them in an intuitive way, providing users with an efficient way to find properties that meet their needs.

In this module, we will walk you through building a messaging system where users can send and receive messages securely. You’ll learn how to set up the message model, create a contact form, and handle message submissions through an API route. Additionally, you’ll implement features to fetch, display, organize, and manage messages, including marking them as read, deleting them, and tracking unread messages.

In this module, we will focus on optimizing the properties client component for performance, then add pagination to handle large sets of property listings. You’ll also integrate the Photoswipe lightbox for improved image viewing, create a featured property section to draw attention to select listings, and guide you through the process of deploying your Next.js application to Vercel to make it accessible to users worldwide.