Next.js 15 & Firebase
Last updated 11/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 4.68 GB | Duration: 8h 9m
Last updated 11/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 4.68 GB | Duration: 8h 9m
Build a Real Estate App with Next.js 15 & Firebase (with Firestore, Auth, Storage, User Roles, TypeScript, Zod + more!)
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
Requirements
Willingness to Learn and Experiment: A proactive attitude and eagerness to explore new technologies, such as Firebase, TypeScript, and database management, will help students get the most out of the course
A basic understanding of React is required, as the course builds upon React concepts and integrates them with Next JS
Familiarity with Node and NPM is recommended for managing dependencies and running development environments
Description
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 build a real-time, scalable backend for your app.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)TypeScriptZodFirestore DatabaseFirebase Authentication & Cloud Storage
Who this course is for
This course is ideal for web developers who want to increase their value as a web developer and enhance their skills in building secure authentication systems using modern tools and technologies like Next JS 15 and Firebase