تجارت الکترونیک Next.js - ساخت یک پلتفرم خرید از ابتدا

آنچه یاد خواهید گرفت:

• ساخت وبسایت تجارت الکترونیک حرفه‌ای از ابتدا
• گزینه‌های پرداخت پی پال، Stripe و پرداخت در محل
• یادگیری Next 15، ری‌اکت 19، PostgreSQL ،Prisma، تایپ اسکریپت و Zod
• احرازهویت کامل، ناحیه ادمین، سیستم نظرات، پروژه‌های ویژه، مرتب‌سازی، فیلترهای جستجو، پروفایل‌های کاربری، آپلود تصویر و موارد دیگر
• توسعه مداوم با Vercel و گیت
• سبد خرید، سشن‌ها، JWT و کوکی‌ها
• یادگیری نوشتن کد TypeSafe با تایپ اسکریپت، Zod برای اعتبارسنجی و فرم React Hook برای مدیریت آسان فرم‌ها
• داشبورد کامل ادمین با آمار و نمودار فروش ماهانه و همچنین مدیریت محصول، سفارش و کاربر

پیش‌نیازهای دوره

• شما باید اصول جاوا اسکریپت و ری‌اکت را بدانید.

توضیحات دوره

اگر می‌خواهید مهارت‌های ری‌اکت خود را به سطح بالاتری ببرید و یاد بگیرید چگونه از Next.js در یک پروژه واقعی استفاده کنید، این دوره برای شما مناسب است. ما از Next.js، تایپ اسکریپت و بسیاری از فناوری‌های دیگر برای ایجاد «Prostore»، پلتفرم خرید غنی از ویژگی با نظرات، یکپارچه‌سازی پی پال و Stripe، رسیدهای ایمیل و موارد دیگر استفاده می‌کنیم.

این دوره برای افرادی که قبلاً با ری‌اکت آشنا هستند مناسب است. دانستن مبانی Next.js هم بهتر است. شما یاد می‌گیرید که چگونه فناوری‌های مختلف را با هم ترکیب کنید تا یک پروژه کامل بسازید که بتوانید آن را در پورتفولیوی خود نمایش دهید.

در زیر لیستی از برخی از فناوری‌ها و کتابخانه‌هایی که استفاده خواهیم کرد آمده است:

• Next.js نسخه 15
• ری‌اکت نسخه 19
• تایپ اسکریپت
• ES Lint
• PostgreSQL
• Prisma
• Zod
• Next Auth
• فرم React Hook
• API پی پال و Stripe
• ShadCN UI
• Tailwind CSS
• Recharts
• Uploadthing
• Jest

این یک دوره مبتنی بر پروژه است و شما صرفا «مدرس را حین نوشتن کد» تماشا نخواهید کرد. ما به تفصیل توضیح می‌دهیم که چه کار می‌کنیم تا شما درک کرده و فقط کپی نکنید. سپس می‌توانید از آن دانش برای ایجاد پروژه‌های فوق‌العاده خود استفاده کنید.

در زیر یک طرح کلی کامل از بخش‌های دوره آمده است:

• مقدمه - ما توضیح می دهیم که دوره درباره چیست و پروژه و استک را بررسی می کنیم.
• ایجاد اپلیکیشن و طرح‌بندی اولیه - ما اپلیکیشن خود را ایجاد و طرح‌بندی را ایجاد می‌کنیم، ShadCN UI را راه‌اندازی می‌کنیم و یاد می‌گیریم که چگونه از کامپوننت‌های رابط کاربری استفاده کنیم، یک toggler تم ایجاد کنیم، صفحاتی not found را بارگذاری کنیم و برخی از داده نمونه را نمایش دهیم.
• پایگاه داده، Prisma و نمایش محصولات - پایگاه داده Neon PostgreSQL خود و ORM Prisma را راه‌اندازی می‌کنیم و یاد می‌گیریم که چگونه مدل‌ها و مهاجرت‌ها را ایجاد کنیم و چگونه داده‌ را seed کرده و محصولات را از پایگاه داده واکشی کنیم.
• احرازهویت با Next Auth - ما احرازهویت کامل را با کتابخانه Next Auth ایجاد می‌کنیم.
• افزودن به سبد خرید - ایجاد سیستم سبد خرید با یکپارچه‌سازی پایگاه داده و سشن 
• صفحه سبد خرید و ارسال کالا - ما فرآیند چک‌اوت را با خلاصه صفحه سبد خرید و فرم آدرس ارسال کالا شروع می‌کنیم.
• متد پرداخت و صفحات سفارش - ما صفحات دیگر را در فرآیند چک‌اوت خود ایجاد می‌کنیم.
• پرداخت‌های پی پال - API پی پال را یکپارچه می‌کنیم. ما حتی کمی تست واحد با JEST انجام می‌دهیم.
• تاریخچه سفارش و پروفایل کاربری - ناحیه کاربری را با لیستی از سفارشات و صفحه بروزرسانی پروفایل ایجاد می‌کنیم.
• داشبورد ادمین - ما از ناحیه ادمین و صفحه بررسی شروع می‌کنیم.
• محصولات ادمین و آپلود تصویر - ما محصولات را از ادمین مدیریت می‌کنیم و آپلود تصویر را با Uploadthing پیاده می کنیم.
• کاربران و جستجوی ادمین - مدیریت کاربران از ادمین و پیاده‌سازی جستجو برای محصولات، سفارشات و کاربران در ادمین
• کشو، کاروسل و جستجو - ما یک کشوی دسته‌بندی و کاروسل محصول ویژه ایجاد کرده و سپس روی فیلترهای اصلی جستجوی محصول کار می‌کنیم.
• رتبه‌بندی‌ها و نظرات - ما سیستم رتبه‌بندی و نظرات را ایجاد می‌کنیم.
• پرداخت‌های Stripe - استفاده از Srtipe API و برخی پکیج‌ها برای افزودن پرداخت‌های Stripe
• رسیدهای خرید از طریق ایمیل - ما از سرویس Resend برای ارسال ایمیل‌ها از طریق اپلیکیشن استفاده می‌کنیم.
• کامپوننت‌های صفحه اصلی و جمع‌بندی - ما چند کامپوننت‌ دیگر از صفحه اصلی را اضافه می‌کنیم و سپس دوره را به پایان می‌رسانیم.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان ری‌اکت که می‌خواهند یک پلتفرم در سطح حرفه‌ای بسازند.