اپلیکیشن فولاستک صورتحساب با Next.js 15
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک اپلیکیشن صورتحساب با Next.js 15
- استفاده از ویژگیهای جدید React 19
- طراحی کامپوننتهای واکنشگرا با Tailwind و shadcn/ui
- افزودن قابلیت احراز هویت، مدیریت سازمان و MFA با استفاده از Clerk
- مدیریت پایگاههای داده Postgres با Xata
- کوئری زدن روی روابط داده با Drizzle ORM
- دریافت پرداختها با Stripe
- ساخت قالبهای ایمیل با React Email
- ارسال ایمیلهای تراکنشی با Resend
پیشنیازهای دوره
- تجربه اولیه کار با React
توضیحات دوره
فریمورک Next.js به دلیل توانایی در ساخت اپلیکیشنهای Full Stack سریع و قابل اعتماد، بسیار شناخته شده است.
و دلیل خوبی هم برای این موضوع وجود دارد! تجربه توسعهدهنده در آن بینظیر است و طیف گسترده امکانات آن کمک میکند تا به راحتی اپلیکیشنهایی با عملکرد بالا بسازید و همزمان روی چالشهای خاص اپلیکیشن خود تمرکز کنید.
با توجه به انتشار Next.js 15 و React 19، اکنون بیش از هر زمان دیگری مهم است که درک کاملی از چگونگی عملکرد Next.js داشته باشید و بدانید که ویژگیهای جدید React چگونه میتوانند در ساخت تجربههای کاربری فوقالعاده به شما کمک کنند.
این دوره به شما کمک میکند تا یک اپلیکیشن صورتحساب Full Stack با استفاده از Next.js 15 بسازید.
در این دوره، ما نهتنها پیچیدگیهای Next.js 15 و React 19 را آموزش میدهیم، بلکه موارد زیر را نیز بررسی میکنیم:
- طراحی کامپوننتهای واکنشگرا با استفاده از Tailwind و shadcn/UI
- افزودن سیستم احراز هویت شامل ورود شبکههای اجتماعی، پشتیبانی از سازمانها و MFA (احراز هویت چندعاملی) با Clerk
- ایجاد و مدیریت پایگاههای داده و روابط بین جداول با Xata
- کوئرینویسی و مدیریت دادهها روی سرور Postgres (از طریق Xata) با Drizzle ORM
- پردازش پرداختهای صورتحسابها با استفاده از Stripe
- ساخت قالبهای ایمیل سفارشی در React با React Email
- ارسال ایمیلهای تراکنشی با Resend
- استقرار اپلیکیشن روی Vercel
- و بسیاری از مفاهیم مهم دیگر در طول مسیر توسعه
این دوره برای چه کسانی مناسب است؟
- افراد مبتدی که میخواهند چگونگی ساخت یک اپلیکیشن با Next.js را یاد بگیرند.
- توسعهدهندگان باتجربهای که به دنبال بررسی در تکنولوژیها و ویژگیهای جدید هستند.
اپلیکیشن فولاستک صورتحساب با Next.js 15
-
مقدمه 01:17
-
ساخت اپلیکیشن جدید با Next.js 15 03:01
-
طراحی داشبورد با Tailwind و shadcn/ui 20:39
-
افزودن فرم جدید برای ایجاد صورتحساب 09:15
-
نصب و پیکربندی Xata و Drizzle ORM 08:12
-
ایجاد Schemaهای جدول برای داده صورتحساب 06:38
-
ایجاد و اجرای Migrationها با Drizzle Kit 06:19
-
افزودن صورتحساب های جدید با Server Actions 09:41
-
فرمهای با قابلیت بهبود تدریجی در React 19 و Next.js 15 15:03
-
نمایش لیست صورتحساب ها در Data Table 08:07
-
مسیرهای دینامیک برای صورتحساب ها 10:05
-
شناسایی و مدیریت خطاها 04:46
-
افزودن ورود با شبکههای اجتماعی از طریق Clerk 04:07
-
محافظت از مسیرها با Middleware سیستم Clerk 04:45
-
ایجاد طرح بندی صفحه با Header و Footer سایت 11:42
-
ساخت صفحات ورود و ثبتنام 04:00
-
صفحه ورود سفارشی با کامپوننتهای Clerk 06:04
-
پیکربندی MFA (احراز هویت چندعاملی) 07:15
-
راهاندازی احراز هویت بدون رمز عبور با Passkeyها 03:26
-
ایمنسازی Server Actions با Clerk 03:10
-
افزودن ستون User ID به صورتحساب ها 03:17
-
محدود کردن دسترسی به صورتحساب ها بر اساس کاربر 04:19
-
بروزرسانی وضعیت صورتحساب 18:48
-
بروزرسانیهای Optimistic UI در React 19 09:17
-
حذف صورتحساب ها 04:47
-
افزودن Modal تایید برای حذف 07:13
-
ایجاد روابط بین جداول برای جزئیات مشتری 06:41
-
Join کردن چندین جدول برای داده مشتری 04:28
-
ایجاد و مدیریت سازمانها 04:59
-
افزودن ستون Organization ID به صورتحساب ها 03:01
-
محدود کردن دسترسی بر اساس سازمان 06:22
-
نصب و پیکربندی Stripe 02:55
-
افزودن صفحه پرداخت عمومی 12:30
-
ایجاد Sessionهای پرداخت با Stripe Checkout 08:06
-
مدیریت استیت پرداخت با پارامترهای URL و Sessionهای Stripe 12:25
-
ایجاد قالبهای ایمیل با React 08:28
-
ارسال ایمیلهای تراکنشی با Resend 04:51
-
استقرار اپلیکیشن Next.js روی Vercel 03:29
-
نتیجهگیری 00:31
مشخصات آموزش
اپلیکیشن فولاستک صورتحساب با Next.js 15
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:39
- مدت زمان :04:33:59
- حجم :4.76GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy