آموزش جامع Next.js و Supabase - ساخت اپلیکیشن‌های فول استک - آخرین آپدیت

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

مقدمه Introduction

• ساخت برنامه Next و کد منبع Creating next app and source code

• راه اندازی Ant Design Setup ant design

• بازنویسی استایل پیش فرض Ant Design Override ant design default styling

UI صفحات احراز هویت Authentication pages UI

• صفحه ثبت نام Sign-up page

• صفحات ورود، فراموشی رمز عبور، تنظیم مجدد رمز عبور Sign-in , forgot-password , reset-password pages

منطق احراز هویت Authentication logic

• راه اندازی حساب و پروژه Supabase Setup supabase account and project

• فرآیند ثبت نام Signup flow

• اضافه کردن ویژگی های سفارشی در فرآیند ثبت نام Adding custom attributes in sign-up flow

• فرآیند ورود Sign-in flow

• فرآیند خروج Sign-out flow

دریافت اطلاعات کاربر وارد شده Getting signed-in user data

• دریافت داده های کاربر در کامپوننت های کلاینت Get user data in client components

• دریافت داده های کاربر در کامپوننت های سرور (بسیار مهم) Get user data in server components (Very Very Imp)

Middleware Middleware

• محافظت از مسیرهای خصوصی با استفاده از Middleware Protecting the private routes using middleware

فراموشی و تنظیم مجدد رمز عبور Forgot and reset password

• ارسال ایمیل تنظیم مجدد رمز عبور Send reset password mail

• تنظیم مجدد رمز عبور Reset password

Layout برای صفحات خصوصی Layout for private pages

• ایجاد Layout Provider Creating layout provider

• نمایش اطلاعات کاربر در هدر Layout Show user data in layout header

• نوار کناری و آیتم های منو Sidebar and menu items

پروفایل کاربر User profile

• صفحه پروفایل کاربر User profile page

• مودال ویرایش پروفایل Edit profile modal

• به روز رسانی نام کاربری، عکس پروفایل Update user name , profile picture

• به روز رسانی رمز عبور Update password

تراکنش ها Transactions

• معرفی ماژول تراکنش ها Transactions module intro

• فرم تراکنش Transaction form

• اضافه کردن تراکنش Add transaction

• نمایش تراکنش ها Show transactions

• ویرایش تراکنش Edit transaction

داشبورد Dashboard

• داشبورد - UI Dashboard - UI

• داشبورد - منطق Dashboard - Logic

امنیت سطح ردیف Row level security

• ایجاد سیاست های امنیتی سطح ردیف Creating row level security policies