آموزش Next.js و Github Copilot : ساخت یک اپلیکیشن تحویل پیتزا
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک اپلیکیشن کامل فولاستک تحویل پیتزا با استفاده از Next.js 16 ،Supabase ،Tailwind CSS ،Zustand و Shadcn UI
- پیادهسازی احراز هویت امن، کنترل دسترسی مبتنی بر نقش و گردش کارهای مجوزدهی برای هر دو کاربر مشتری و مدیر
- طراحی و مدیریت طرحهای پایگاه داده در Supabase، شامل پیتزاها، گونهها، آیتمهای سبد خرید، سفارشات و مدیریت آدرس
- ساخت یک سبد خرید کاملاً کاربردی با انتخاب گونه، بروزرسانی تعداد، قیمتگذاری بلادرنگ و قابلیت تسویه حساب
پیش نیازهای دوره
- مبانی Next.js
توضیحات دوره
به دوره اپلیکیشن تحویل پیتزا با Next.js و Supabase خوش آمدید، یک سفر عملی و کامل برای ساخت یک اپلیکیشن فولاستک واقعی
در این دوره، شما یاد خواهید گرفت که چگونه پلتفرمهای مدرن تجارت الکترونیک با استفاده از ابزارهای پیشرو در صنعت طراحی، توسعه، ایمن و مستقر میشوند.
فناوریهای پوشش داده شده
- Next.js 16 با App Router برای ساخت یک فرانتاند مدرن و مقیاسپذیر
- Next.js Server Actions برای منطق امن سمت سرور
- Supabase برای سرویسهای بکاند شامل احراز هویت و مدیریت پایگاه داده
- Zustand برای مدیریت استیت سراسری
- Tailwind CSS برای استایلدهی واکنشگرا و مبتنی بر ابزار اول UI
- کامپوننتهای Shadcn UI برای طراحی رابط آماده تولید
ویژگیهای کلیدی که خواهید ساخت
- احراز هویت ایمن کاربر شامل ثبتنام، ورود و خروج
- نقشهای چندگانه کاربر مانند مشتریان و مدیران با دسترسی مبتنی بر نقش
- یک پنل مدیریت کامل برای ایجاد، بهروزرسانی و مدیریت آیتمهای پیتزا با گونهها
- مرور مبتنی بر دستهبندی با گزینههای فیلتر و مرتبسازی
- صفحات پیتزای دقیق با انتخاب گونه و قابلیت افزودن به سبد خرید
- سبد خرید با بروزرسانی تعداد و محاسبه قیمت کل بلادرنگ
- گردش کار تسویه حساب با انتخاب آدرس و ثبت سفارش
- رابط کاربری کاملاً واکنشگرا بهینهشده برای همه اندازههای دستگاه
- تاریخچه سفارشات مشتری و رهگیری بلادرنگ سفارش
- داشبوردهای مدیر با آمار زنده سفارشات و فروش
- مدیریت چندین آدرس برای مشتریان
- کنترل دسترسی برای ویژگیهای سطح مدیر
- حدود 70 درصد تولید کد با کمک هوش مصنوعی با استفاده از GitHub Copilot ،Claude Coding Agents و ChatGPT
- توضیحات واضح و کد کامنتگذاری شده برای اطمینان از درک عمیق
- نمایش بهترین شیوه ها برای استفاده مؤثر از ابزارهای هوش مصنوعی در گردش کار توسعه نرمافزار
آنچه به دست خواهید آورد:
با تکمیل این دوره، تجربه عملی قوی در ساخت یک پروژه فولاستک با Next.js و Supabase کسب خواهید کرد. یاد خواهید گرفت که چگونه ویژگیهای ضروری تجارت الکترونیک را پیادهسازی کنید و چگونه از ابزارهای هوش مصنوعی برای تسریع توسعه در حالی که استانداردهای باکیفیت را حفظ میکنید، استفاده نمایید.
این دوره پروژهمحور شما را با دانش و اعتماد به نفس مورد نیاز برای ساخت اپلیکیشنهای مقیاسپذیر و آماده تولید مجهز میکند.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان فرانتاند که میخواهند با استفاده از Next.js و Supabase به توسعه فولاستک انتقال یابند.
- توسعهدهندگان React و Next.js که به دنبال تقویت مهارتهای بکاند خود و یادگیری Server Actions، احراز هویت و یکپارچهسازی پایگاه داده هستند.
- توسعهدهندگان مبتدی تا متوسط که خواهان تجربه عملی ساخت یک اپلیکیشن کامل به سبک تجارت الکترونیک از ابتدا هستند.
- دانشجویان و حرفهایهایی که برای پروژههای دنیای واقعی یا توسعه پورتفولیویی که مهارتهای عملی و آماده کار را نشان میدهند، آماده میشوند.
آموزش Next.js و Github Copilot : ساخت یک اپلیکیشن تحویل پیتزا
-
ایجاد اپلیکیشن Next.js 08:35
-
راه اندازی Shadcn 09:20
-
صفحه اصلی 06:49
-
صفحه ثبتنام 09:31
-
صفحه ورود 03:43
-
راهاندازی Supabase 06:09
-
عملیات سرور ثبتنام کاربر 08:08
-
یکپارچهسازی عملیات سرور ثبتنام 05:45
-
عملیات سرور ورود و یکپارچهسازی 09:43
-
دریافت و نمایش کاربر واردشده 09:02
-
محافظت از مسیرهای خصوصی 08:04
-
هدر لایهبندی 11:34
-
آیتمهای منوی نوار کناری 15:24
-
کامپوننت Loader 04:18
-
ایجاد جداول پیتزاها و گونهها 03:20
-
عملیات سرور پیتزاها 04:49
-
ایجاد فایلها و پوشههای مورد نیاز 08:22
-
افزودن و نمایش پیتزاها 18:03
-
ویرایش و حذف پیتزاها 06:09
-
عملیات سرور گونهها 06:43
-
رابط کاربری گونهها 05:52
-
راه اندازی داده 04:54
-
نمایش پیتزاها 07:37
-
قابلیتهای سبد خرید 06:48
-
فیلتر کردن پیتزاها 05:35
-
عملیات CRUD آدرسها - بکاند 04:07
-
عملیات CRUD آدرسها - رابط کاربری 09:47
-
درگاه پرداخت - بکاند 13:09
-
درگاه پرداخت - فرانتاند 09:05
-
ایجاد جداول سفارشات و آیتمها 07:35
-
نمایش سفارشات مشتری 08:00
-
نمایش همه سفارشات در پنل مدیر 09:32
-
صفحه پروفایل مشتری 06:04
-
صفحه داشبورد مدیر 09:28
-
مدیریت دسترسی 04:32
مشخصات آموزش
آموزش Next.js و Github Copilot : ساخت یک اپلیکیشن تحویل پیتزا
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:مقدماتی
- تعداد درس:35
- مدت زمان :04:42:03
- حجم :3.96GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy