Next.js 15 & Firebase

سرفصل های دوره

Build a Real Estate App with Next.js 15 + Firebase (with Firestore, Auth, Storage, User Roles, TypeScript, Zod + more!)

1 - Introduction & Setup

1 -Set up Next JS project

1 - Introduction.html

2 -Set up Firebase project

3 -Connect Next JS to Firebase

2 - Build the Login with Google functionality

1 -Add the navbar with auth links

2 -Install shadcn ui and add login with Google

3 -Create auth context and display logged in user

4 -Add logout functionality

5 -Improve navbar styling

6 -Improve login page styling

7 -Add the current user dropdown to the navbar

3 - Build the admin functionality and dashboard

1 -Add the admin role to a user and save auth tokens in cookies

2 -Conditionally render user profile menu items

3 -Add the admin dashboard page + route protection with Next JS middleware

4 -Build the admin dashboard main page

5 -Create the New Property page

6 -Create the new property form schema

6 -postcode-regex.txt

7 -Create PropertyForm component and start building form UI

8 -Finish rendering the PropertyForm fields

9 -Create the saveNewProperty server action and save data to firestore

10 -Improve the UI when submitting the new property form

11 -Query for properties data

12 -Render the properties list in a table

13 -Calculate the total pages for a firestore query

14 -Render the pagination buttons under the properties table

15 -Create the edit property page

16 -Create the edit property form

17 -Create the updateProperty server action

18 -Add route protection for all admin-dashboard routes and auth pages

19 -Improve the styling of the properties table

4 - Build the image uploads functionality

1 -Create the image uploader component

2 -1.zip

2 -2.zip

2 -3.zip

2 -4.zip

2 -5.zip

2 -Store selected images in the form state

3 -Render the images list

4 -Implement reorder and delete images

5 -Implement upload images to firebase storage for new properties

6 -Load existing uploaded images into the edit property form

7 -Implement upload + delete images when updating a property

8 - BONUS!.html

189,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy