Next.js 14 from Scratch
Learn to build and deploy a full‑stack property rental platform with Next.js 14, integrating MongoDB, API routes, Google OAuth authentication, Cloudinary, Mapbox, messaging, search, bookmarks, and deployment to Vercel.
What you'll learn
- Build a full-stack Next.js 14 property rental application from scratch
- Use MongoDB, Mongoose, and API routes for robust CRUD operations
- Implement Google OAuth authentication, sessions, and protected routes
- Add Cloudinary image uploads, Mapbox maps, search, bookmarks, messaging, and deploy to Vercel
Skills you'll gain
- Build and deploy a full-stack Next.js application with dynamic data handling
- Integrate user authentication with Google OAuth and manage sessions securely
- Design and implement responsive UI components such as navigation bars and property listings
- Work with MongoDB and create robust API routes for CRUD operations
- Implement property creation, editing, deletion, and management features
- Integrate Cloudinary for high-quality image upload and display
- Add interactive maps with Mapbox and geocoding to property pages
- Implement bookmarking, saved properties, and social sharing for listings
- Build property search with API endpoints and dynamic result display
- Create a messaging system with sending, reading, and managing messages
- Optimize listing performance with pagination and featured properties
- Deploy a production-ready Next.js application to Vercel
Prerequisites
- • Basic knowledge of HTML
- • Basic knowledge of CSS
- • Basic knowledge of JavaScript
- • Familiarity with React.js (beneficial but not mandatory)
Who this course is for
- → Web developers with basic knowledge of HTML, CSS, and JavaScript
- → Developers with some understanding of React who want to advance with Next.js
- → Learners interested in building modern full-stack web applications
Provider
Coursera
Related Courses
Python Bootcamp
Python Bootcamp covers fundamentals of Python programming, including control structures, advanced data types, functions, modules, packages, multithreading, exception handling, file handling, GUI design, and database connectivity, preparing learners for future work in data science and machine learning.
Systems Engineering
This course introduces Systems Engineering principles across the lifecycle of complex systems, covering system design, architecture, requirements analysis, modeling, verification, lifecycle models (Waterfall, V-Model, Spiral, Agile), SysML, risk management, trade-off analysis, and a Smart Home Security System project.
IT Systems Design and Analysis
Prepare to design, analyze, and evaluate IT systems using data flow diagrams, ERDs, UML, and feasibility analysis. Learn to assess existing systems, identify inefficiencies, compare solution alternatives, and deliver a digital transformation strategy through a hands-on final project.
Programming with JavaScript
Learn the basics of web development with JavaScript, including variables, data types, functions, objects, arrays, DOM manipulation, modern JS features, and writing unit tests with Jest over 5 modules.
Hands On FullStack Development Course with Infrastructure Management Product implementation
A 180-day, project-first full-stack infrastructure course where you build and operate production-grade services with CI/CD, testing, observability, and operational playbooks, aimed at taking you from toy projects to real-world deployment experience.
Learn Typescript
Hands-on introduction to TypeScript fundamentals and their application in real projects. Learn core typing concepts, advanced TypeScript features, and how to use TypeScript with React and Express while building safer, more maintainable JavaScript applications.