آموزش جامع توسعه وب Full Stack با Next.js: ساخت و راه اندازی پلتفرم‌های اشتراکی (SaaS) از صفر - آخرین آپدیت

درس‌ها Lessons

• مقدمه Intro

• نحوه ایجاد اپلیکیشن NextJs How to Create NextJs App

• توضیحات معماری پروژه Architecture Explanation

• نصب وابستگی‌ها (Dependencies) Installing Dependencies

• متغیرهای محیطی (Env Variables) Env Variables

• معرفی Supabase Supabase

• تست تنظیمات Clerk Clerk Setup Test

• مدیریت پرداخت‌ها در Clerk Clerk Billing

• پوشه Lib و ابزارهای مدیریت اشتراک Lib Folder and Subscription Utility

• طراحی نوار ناوبری (Navbar) Navbar

• نحوه تغییر فونت How to Change a Font

• داشبورد و تست نهایی Dashboard and Final Test

• یکپارچه‌سازی Supabase و Clerk Supabase Clerk Integration

• ساخت جداول و سیاست‌ها با SQL Editor در Supabase Create Tables and Policies with Supabase SQL Editor

• نحوه تست استارتر کیت How to Test the Starter Kit

• راهنمای گام به گام تعامل با Supabase How to talk with Supabase Step by Step

• نحوه ایجاد یا ویرایش داده‌ها در Supabase How to Create or Edit Data in Supabase

• تست اکشن‌های Supabase Supabase Test Actions

• انتقال لندینگ پیج به پوشه Marketing Move Landing Page to Marketing Folder

• لندینگ پیج: ساخت صفحه اصلی و بخش Hero Landing Page: Create a Landing Page and Hero Section

• لندینگ پیج: بخش نحوه عملکرد (How It Works) Landing Page: How It Works Section

• بهینه‌سازی‌های رابط کاربری (UI Tweaks) UI Tweaks

• پروژه اول: مقدمه (اپلیکیشن My Links مشابه Linktree) Project 1: Intro (My Links App - Linktree like app)

• تنظیم جداول و توابع RLS در Supabase Set Tables and RLS Functions in Supabase

• تعریف تایپ‌های Typescript Typescript Types

• اکشن‌ها و اعتبارسنجی با ZOD Actions and ZOD

• اکشن‌های مربوط به پروفایل Actions for Profile

• اکشن‌های مربوط به لینک‌ها Actions for Links

• توابع فعال‌سازی و تغییر ترتیب لینک‌ها Actions for Enable Link and Reorder Link Functions

• اکشن‌های مربوط به صفحه عمومی Actions for Public Page

• کامپوننت داشبورد Dashboard Component

• کامپوننت تنظیمات پروفایل Profile Setup Component

• کامپوننت رابط کاربری مدیریت لینک‌ها Link Manager UI Component

• پیاده‌سازی قابلیت‌های پروفایل عمومی Public Profile Functionality

• رندر کردن کامپوننت مدیریت لینک‌ها Render of Link Manager UI Component

• طراحی صفحه پروفایل عمومی Page for Public Profile

• رندر کردن نمای پروفایل عمومی Public Profile View Render

• تست و بررسی نهایی Testing

• طراحی نوار ناوبری شرطی Conditional Navbar

• نحوه دیپلوی و آنلاین کردن وب‌سایت How to Deploy and Make the Website LIVE