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

“Akantha – 3D Cinematic Female Hero Character for Production” به سبد خرید شما اضافه شد. مشاهده سبد خرید

139,000 تومان

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

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

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

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