آموزش ساخت SaaS با Next.js و RBAC - Node و React - آخرین آپدیت

راه‌اندازی پروژه و مجوزها Setup do projeto e permissões

• مقدمه Introdução

• ساخت Monorepo با TurboRepo Criando Monorepo com TurboRepo

• تنظیم Prettier و ESLint در Monorepo Prettier & ESLint no Monorepo

• ساختار SaaS چند مستاجری و RBAC SaaS multi-tenant & RBAC

• ساخت پکیج احراز هویت Criando pacote de autenticação

• آشنایی با CASL Introdução ao CASL

• ایجاد اولین مجوزها Criando primeiras permissões

• مجوزها بر اساس نقش‌ها Permissões por cargos

• تعریف تایپینگ برای Subjects Criando tipagem das subjects

• بهینه‌سازی تایپینگ مجوزها Otimizando a tipagem das permissões

• مجوزها با شرط‌های منطقی Permissões com condicionais

• تعریف مجوزهای اپلیکیشن Definindo permissões do app

بک‌اند Backend

• نیازمندی‌های اپلیکیشن Requisitos da aplicação

• راه‌اندازی اپلیکیشن با Fastify Setup do app com Fastify

• راه‌اندازی پایگاه داده Setup do banco de dados

• مسیر ثبت‌نام کاربر Rota cadastro de usuário

• ساخت Seed برای پایگاه داده Criando seed do banco de dados

• راه‌اندازی Swagger Setup do Swagger

• اتصال خودکار از طریق ایمیل Associação automática via e-mail

• مسیر: احراز هویت با رمز عبور Rota: Autenticação via senha

• مسیر: پروفایل کاربر وارد شده Rota: Perfil do usuário logado

• مدیریت خطا در Fastify Error Handling no Fastify

• ساخت میدل‌ور احراز هویت Criando middleware de autenticação

• مسیر: تغییر رمز عبور Rota: Troca de senha

• جریان OAuth با گیت‌هاب Fluxo de OAuth com GitHub

• مسیر: احراز هویت با گیت‌هاب Rota: Autenticação com Github

• متغیرهای محیطی (Environment Variables) Variáveis Ambiente

• مسیر: ایجاد سازمان Rota: Criação de organização

• دریافت وضعیت عضویت Obtendo Afiliação

• مسیرها: لیست و جزئیات سازمان Rotas: Listagem e detalhe da organização

• مسیر: به‌روزرسانی سازمان Rota: Atualizar organização

• مسیر: بستن سازمان Rota: Encerrar organização

• مسیر: انتقال سازمان Rota: Transferir organização

• مسیر: ایجاد پروژه‌ها Rota: Criação de projetos

• مسیر: حذف پروژه Rota: Remover projeto

• مسیر: جزئیات پروژه Rota: Detalhes do projeto

• مسیر: لیست پروژه‌ها Rota: Listagem de projetos

• مسیر: به‌روزرسانی پروژه Rota: Atualizar projeto

• مسیر: اعضای سازمان Rota: Membros da organização

• مسیر: به‌روزرسانی عضو Rota: Atualizar membro

• مسیر: حذف عضو Rota: Remover membro

• مسیر: ایجاد دعوت‌نامه‌ها Rota: Criação de convites

• مسیر: جزئیات دعوت‌نامه Rota: Detalhes do convite

• مسیر: لیست دعوت‌نامه‌ها Rota: Listagem de convites

• مسیر: پذیرش دعوت‌نامه Rota: Aceitar convite

• مسیر: رد دعوت‌نامه Rota: Rejeitar convite

• مسیر: حذف دعوت‌نامه Rota: Deletar convite

• مسیر: دعوت‌نامه‌های معلق Rota: Convites pendentes

• مسیر: داده‌های صورت‌حساب Rota: Dados de faturamento

• تنظیمات Cascade در پایگاه داده Ajustes nos cascades do banco de dados

فرانت‌اند Front-end

• راه‌اندازی پروژه Next.js Setup do projeto Next.js

• راه‌اندازی shadcn/ui Setup do shadcn/ui

• صفحه احراز هویت Página de autenticação

• صفحات ثبت‌نام و بازیابی رمز عبور Páginas de cadastro e recuperação

• استفاده از Server Actions Utilizando Server Actions

• راه‌اندازی کلاینت HTTP (ky) Setup do cliente HTTP (ky)

• استفاده از هوک useActionState Usando o hook useActionState

• مدیریت وضعیت خطای فرم Estados de erro do formulário

• جلوگیری از ریست شدن فرم Evitando reset do formulário

• ساخت هوک useFormState Criando hook useFormState

• پیاده‌سازی ورود کاربر Realizando login do usuário

• احراز هویت از طریق گیت‌هاب Autenticação via GitHub

• دریافت اطلاعات کاربر احراز شده Obtendo usuário autenticado

• ساخت کاربران جدید Criando novos usuários

• کامپوننت: Header Componente: header

• کامپوننت: تغییر سازمان (Organization Switcher) Componente: organization-switcher

• لیست کردن سازمان‌ها Listando organizações

• نمایش سازمان فعال Exibindo organização ativa

• دریافت مجوزهای کاربر Obtendo permissões do usuário

• تم‌های تاریک و روشن با Next Themes Temas dark/light com Next Themes

• استفاده از متغیرهای محیطی Utilizando variáveis ambiente

• صفحه: ایجاد سازمان Página: criar organização

• اکشن: ایجاد سازمان Action: Criação de organização

• مسیرهای موازی (Parallel routes) در Next.js Parallel routes no Next.js

• مسیرهای متقاطع (Interception routes) در Next.js Interception routes no Next.js

• رفتار کامپوننت Sheet Comportamento do Sheet

• کامپوننت: تغییر پروژه (Project Switcher) Componente: project-switcher

• لیست پروژه‌ها در دراپ‌داون Listando projetos no dropdown

• صفحه: ایجاد پروژه Página: criar projeto

• اکشن: ایجاد پروژه Action: Criação de projeto

• مجوز برای ایجاد پروژه Permissão para criar projeto

• مودال ایجاد پروژه Modal de criação de projeto

• ناوبری اپلیکیشن به صورت تب (Tab) Navegação do app por abas

• مجوزها در تب‌ها Permissões nas abas

• صفحه: تنظیمات سازمان Página: configurações da org

• ویرایش سازمان Edição da organização

• جدول صورت‌حساب (Billing) Tabela de fatura (billing)

• لیست اعضا Listagem de membros

• اکشن: حذف عضو Action: remover membro

• به‌روزرسانی نقش عضو Atualizar cargo do membro

• لیست دعوت‌نامه‌ها Listagem de convites

• دعوت از کاربر جدید Convidar novo usuário

• ساختار پروژه‌ها Estrutura dos projetos

• لیست پروژه‌ها Listagem de projetos

• صفحه: پذیرش دعوت‌نامه Página: aceitar convite

• اکشن: پذیرش دعوت‌نامه Action: aceitar convite

• مدیریت دعوت‌نامه برای ایمیل دیگر Lidando com convite p/ outro e-mail

• ساختار دعوت‌نامه‌های معلق Estrutura de convites pendentes

• پذیرش و رد دعوت‌نامه‌ها Aceitando e rejeitando convites

دیپلوی Deploy

• راه‌اندازی گیت‌هاب و پایگاه داده Setup Github e Database

• گزینه‌های دیپلوی بک‌اند Opções de Deploy Back-end

• دیپلوی بک‌اند Deploy do Back-end

• دامنه و اپلیکیشن گیت‌هاب Domínio e App Github

• گزینه‌های دیپلوی فرانت‌اند Opções de Deploy Front-end

• دیپلوی فرانت‌اند Deploy do Front-end

• تست نهایی اپلیکیشن فرانت‌اند Testando App Front-end