Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
13 Hour(s) 21 Minute(s)
Language
English
Taught by
Tom Phillips, WebDevEducation (Tom Phillips)
Rating
Course Overview
Build a Real Estate App with Next.js 15 + Firebase (with Firestore, Auth, Storage, User Roles, TypeScript, Zod + more!)
Take your web development skills to the next level! In this course we’ll build Fire Homes, a fully functional real estate application for a fictional real estate agency. By combining the power of Next.js 15 and Firebase, you’ll gain real-world experience building modern, scalable applications with cutting-edge tools.
This course covers everything you need to know to build a professional grade app, including authentication, cloud storage, and a Firestore powered database.
What You’ll Build:
A complete real estate app packed with the following features:
User Roles: Support for admin and non-admin users, with role-specific functionality.
Authentication: Log in or register using email/password or Google authentication.
Admin Dashboard: Manage property listings (add, delete, and update) through an intuitive interface.
Cloud Storage: Upload and manage property images with Firebase Cloud Storage.
Firestore Database: Store and retrieve property data.
Property Search: Help users find their perfect home with search functionality.
Favorites: Allow non-admin users to save and manage their favorite properties.
What You’ll Learn:
Next.js 15: Build modern web applications with the latest App Router.
TypeScript: Write clean, maintainable, and error-resistant code.
Zod for Validation: Ensure data integrity with powerful validation tools.
Next.js Server Actions: Simplify server-side functionality with cutting-edge features.
Firebase Integration:
Firestore: Use Firestore to store and retrieve data.
Authentication: Securely log in users using Firebase Auth.
Cloud Storage: Handle image uploads and organization seamlessly.
Role-Based Access Control: Implement robust user management with tailored functionality for admins and regular users.
CRUD Operations: Create, read, update, and delete property listings in Firestore.
User-Focused Features: Add search and favorites for an engaging user experience.
Who Is This Course For?
Aspiring Developers: Learn to build your first full-stack app with Next.js and Firebase.
Intermediate Web Developers: Gain deeper knowledge of scalable app development.
Career Switchers: Build a portfolio project that demonstrates modern web development skills.
Why Enroll in This Course?
This course isn’t just about coding - it’s about understanding the thought process behind building scalable, efficient apps. By the end of the course, you’ll have a production-ready app and the confidence to tackle your own projects.
Tools You’ll Use:
Next.js 15 (App Router)
TypeScript
Zod
Firestore Database
Firebase Authentication & Cloud Storage
Course Content
- 10 section(s)
- 73 lecture(s)
- Section 1 Introduction & Setup
- Section 2 Build the Login with Google functionality
- Section 3 Build the admin functionality and dashboard
- Section 4 Build the image uploads functionality
- Section 5 Build the property preview pages
- Section 6 Build the property search page and functionality
- Section 7 Build the login and register with email + password functionality
- Section 8 Build the favourites functionality
- Section 9 Build the my account section
- Section 10 Extras
What You’ll Learn
- Increase your value and improve your knowledge as a web developer
- Implement Secure Authentication with Firebase Auth
- Build and Manage Databases with Firebase Firestore
- Store and Manage files with Firebase Cloud Storage
- Master the integration of TypeScript, shadcn/ui, Tailwind CSS, Zod, and React Hook Form to build robust, type-safe, and user-friendly applications
- Protect specific routes to ensure that only authenticated users have access to certain parts of their application
Skills covered in this course
Reviews
-
AAbraham Ngami
Great!!!
-
MMárk Leskó
The Udemy course on Next.js 15 and Firebase is unique in being the only up-to-date course that combines the latest Next.js 15 features with Firebase integration. It offers a practical, real-world project where learners build a complete real estate application featuring user authentication, cloud storage, and a Firestore database. The course covers essential modern web development skills such as the new Next.js 15 App Router, TypeScript, and server-side actions, making it ideal for both beginners and intermediate developers who want to gain hands-on experience with the most current technologies. Overall, it provides a comprehensive and current learning path for anyone looking to master full-stack development using Next.js 15 and Firebase together.
-
PPema Wangchuk
The instructor demonstrates solid technical skills, which form a strong foundation for the course. As a learner, I value not only the quality of the content but also the clarity of teaching, since effective teaching makes concepts easier to understand and apply. Overall, I would rate the course 4/5. While the sessions felt a bit hurried at times, the course still provided good learning value, and with a slightly slower pace, it could be even more impactful.
-
33 M
I really enjoyed this course! thanks for explaining things very clearly and providing a great full stack project to build.
