آموزش Next.js 15 و Supabase - ساخت اپلیکیشن مرکز تناسب اندام و باشگاه
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت اپلیکیشن فول استک تناسب اندام – توسعه یک اپلیکیشن کامل باشگاه و مرکز تناسب اندام با استفاده از Next.js 15 و Supabase
- پیادهسازی احراز هویت امن – راهاندازی احراز هویت و مدیریت کاربر با Clerk و Supabase
- یکپارچهسازی پرداختها و اشتراکها – استفاده از Stripe برای مدیریت اشتراکها، پرداختها و ردیابی تراکنشها
- توسعه داشبورد مدیریت – ایجاد یک پنل مدیریتی کاملا کاربردی برای مدیریت کارآمد کاربران، اشتراکها و پرداختها
پیشنیازهای دوره
- دانش اولیه از JavaScript و React – آشنایی با اصول React مفید خواهد بود.
- درک Next.js – تجربه قبلی با Next.js توصیه میشود اما الزامی نیست.
- تجربه اولیه با پایگاههای داده – داشتن دانشی از کار با پایگاههایی مانند Supabase یا Firebase مفید است.
- تمایل به یادگیری – این دوره برای راهنمایی گام به گام شما طراحی شده است و حتی اگر در توسعه Full-Stack تازهکار باشید، برای شما قابل دسترس است.
توضیحات دوره
به دوره اپلیکیشن مرکز تناسب اندام و باشگاه خوش آمدید!
در این دوره، شما خواهید آموخت که چگونه یک اپلیکیشن Full-Stack مرکز تناسب اندام و باشگاه را با استفاده از Next.js 15 و Supabase بسازید. مدرس شما را گام به گام در فرآیند ایجاد یک پلتفرم قدرتمند راهنمایی خواهد کرد که در آن کاربران میتوانند ثبتنام کنند، وارد شوند، پروفایل خود را مدیریت کرده و اشتراک خریداری کنند. علاوه بر این، ما یک داشبورد مدیریتی قدرتمند توسعه خواهیم داد که به مدیران امکان میدهد تا کاربران، مشتریان و اشتراکها را به طور کارآمد مدیریت کنند.
این دوره برای توسعهدهندگانی که به دنبال ارتقای مهارتهای Full-Stack خود هستند با استفاده از فناوریهای مدرن مانند Next.js ،Supabase ،Clerk و Stripe ایدهآل است. در پایان دوره، شما یک اپلیکیشن باشگاه کاملاً کاربردی خواهید داشت که میتواند به عنوان یک پروژه نمونه کار استفاده شود یا حتی به عنوان یک اپلیکیشن واقعی راهاندازی گردد.
اگر آماده اید تا یک پروژه پیشرفته Full-Stack بسازید، بیایید شروع کنیم.
پشته فناوری
- Next.js 15 – فریمورک مدرن React برای فرانتاند
- Server Actions – مدیریت سادهشده API سمت سرور
- Supabase – پایگاه داده مقیاسپذیر و راهکار ذخیرهسازی
- Clerk – احراز هویت امن و مدیریت کاربر
- Tailwind CSS – استایلدهی زیبا و واکنشگرا
- ShadCN – کامپوننتهای رابط کاربری قابل تنظیم
- Zustand – مدیریت استیت کارآمد
- Stripe – یکپارچهسازی امن پرداخت و اشتراک
آنچه خواهید ساخت
- سیستم احراز هویت امن – پشتیبانی شده توسط Clerk و Supabase
- نقشهای کاربر و مدیر – داشبوردهای جداگانه برای مشتریان و مدیران
- مدیریت اشتراک – کاربران میتوانند طرحهای اشتراک را مشاهده، خریداری و پیگیری کنند.
- یکپارچهسازی Stripe – پردازش امن پرداخت برای اشتراکها
- مدیریت پروفایل – کاربران میتوانند به راحتی جزئیات شخصی خود را بهروز کنند.
- تاریخچه اشتراک – کاربران میتوانند خریدها و پرداختهای گذشته خود را مشاهده کنند.
- کنترلهای مدیریتی – مدیریت کاربران، اشتراکها و پرداختها
- طرحهای قیمتگذاری انعطافپذیر – گزینههای ماهانه، سهماهه، ششماهه و سالانه
- دسترسی به GitHub – کد منبع کامل پروژه در دسترس است.
در پایان این دوره، شما با درک قوی از توسعه Full-Stack با Next.js و Supabase در حین ساختن یک اپلیکیشن مدیریت باشگاه کاربردی، از دوره خارج خواهید شد.
همین حالا در این دوره شرکت کنید و ساختن پروژه خود را آغاز کنید!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان فرانتاند و Full-Stack – توسعهدهندگانی که به دنبال گسترش مهارتهای خود با ساخت یک اپلیکیشن واقعی Full-Stack با Next.js 15 و Supabase هستند.
- یادگیرندگان React و Next.js – هر کسی که با React آشنا است و میخواهد درک خود را از Next.js، احراز هویت و یکپارچهسازی بکاند عمیقتر کند.
- کارآفرینان و بنیانگذاران استارتاپ – افرادی که به ساخت یک اپلیکیشن تناسب اندام یا مبتنی بر اشتراک با فناوریهای وب مدرن علاقه دارند.
- دانشجویان و جویندگان کار – کسانی که به دنبال تقویت نمونه کارهای خود با یک پروژه واقعی و غنی از ویژگیها برای بهبود چشمانداز شغلی خود هستند.
- علاقهمندان به فناوری – هر کسی که در مورد توسعه Full-Stack، یکپارچهسازی پرداخت Stripe و سیستمهای احراز هویت مدرن کنجکاو است.
آموزش Next.js 15 و Supabase - ساخت اپلیکیشن مرکز تناسب اندام و باشگاه
-
راهاندازی اپلیکیشن Next 05:24
-
معرفی Shadcn 02:59
-
راهاندازی و دموی Shadcn 07:54
-
معرفی Clerk و کد منبع 02:43
-
راهاندازی Clerk 05:53
-
صفحه اصلی 12:06
-
رابط کاربری کامپوننتهای ورود و ثبتنام 12:31
-
عملکرد ورود، ثبتنام و خروج 07:01
-
دریافت جزئیات کاربر 03:48
-
محافظت از مسیرهای خصوصی 05:18
-
راهاندازی Supabase 05:15
-
راهاندازی جدول پروفایلهای کاربر 06:27
-
ذخیره کاربر فعلی 10:05
-
اسکلت طرح بندی 06:02
-
هدر طرح بندی 09:28
-
آیتمهای منوی طرح بندی 15:51
-
نمایش اسپینر 07:36
-
ذخیره کاربر در فروشگاه سراسری 07:55
-
خروج دستی 02:33
-
معرفی طرحها 01:59
-
راهاندازی جدول طرحها 03:44
-
اقدامات سمت سرور طرحها 04:45
-
ساختار پوشه طرحها در رابط کاربری 07:37
-
فرم طرح - 1 17:42
-
فرم طرح - 2 13:42
-
ذخیره طرح 14:52
-
نمایش طرحها 11:59
-
ویرایش و حذف طرحها 08:07
-
دریافت طرحها در صفحه اصلی 13:53
-
نمایش طرحها در صفحه اصلی 03:18
-
خرید طرح - مقدمه 02:24
-
خرید طرح - رابط کاربری 11:14
-
انتخاب طرح پرداخت 14:20
-
تسویه حساب طرح - رابط کاربری 11:40
-
معرفی Stripe 02:39
-
API قصد پرداخت Stripe 09:46
-
راهاندازی Stripe 02:52
-
تکمیل پرداخت 20:36
-
ذخیره اشتراک 11:18
-
دریافت اشتراکهای فعلی 16:22
-
دریافت همه اشتراکها 09:24
-
لیست اشتراکها 09:47
-
لیست کاربران 06:21
-
لیست مشتریان - 1 07:05
-
لیست مشتریان - 2 04:50
مشخصات آموزش
آموزش Next.js 15 و Supabase - ساخت اپلیکیشن مرکز تناسب اندام و باشگاه
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:45
- مدت زمان :06:39:31
- حجم :3.95GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy