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

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
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 44450
    حجم: 3298 مگابایت
    مدت زمان: 404 دقیقه
    تاریخ انتشار: ۲۰ اردیبهشت ۱۴۰۴
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید