ساخت یک اپلیکیشن فروشگاهی با Next.js + NestJS و Prisma

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

• یک وب اپلیکیشن فول-استک مقیاس‌پذیر را با پیروی از بهترین شیوه‌ها ایجاد خواهید کرد.
• از رویکرد مدرن App Directory در Next.js برای ساخت یک UI پیشرفته و با پرفورمنس بالا استفاده خواهید کرد.
• کامپوننت‌ها و اکشن‌های سرور Next.js را برای بهبود پرفورمنس و امنیت ایجاد خواهید کرد.
• یک بک‌اند در سطح سازمانی را با استفاده از NestJS و ORM پریزما با دیتابیس Postgres خواهید ساخت.
• یک پایپ‌لاین تحویل مداوم روی AWS و Vercel را برای استقرار آسان کد روی پروداکشن پیاده‌سازی خواهید کرد.
• رابط کاربری (UI) و بک‌اند را با استفاده از احراز هویت استاندارد صنعتی JWT امن خواهید کرد.
• از ORM پریزما برای تولید تایپ‌های TypeScript، کاهش کدهای تکراری و انجام مایگریشن‌های دیتابیس استفاده خواهید کرد.
• از Material UI و Tailwind CSS برای ساخت آسان کامپوننت‌های زیبا بهره خواهید برد.
• نحوه آپلود تصاویر در فایل سیستم و سرویس S3 ای‌دبلیواس (AWS) از طریق رابط کاربری Next.js را یاد خواهید گرفت.
• Stripe را برای دریافت پرداخت‌ها متصل کرده و وب‌هوک‌ها را برای دریافت آپدیت‌های لحظه‌ای یکپارچه خواهید کرد.
• وب‌سوکت‌ها را برای دریافت بروزرسانی‌های لحظه‌ای از بک‌اند در رابط کاربری Next.js یکپارچه خواهید کرد.
• چگونگی کش کردن داده‌ با Next.js fetch را برای جلوگیری از درخواست‌های تکراری و دستیابی به تجربه کاربری سریع، یاد خواهید گرفت.
• یک دامنه سفارشی را تهیه کرده و ترافیک آن را با HTTPS امن خواهید ساخت.

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

• تجربه سطح متوسط در React
• تجربه سطح متوسط در کار با بک‌اندهای Express/NodeJS
• تجربه سطح مبتدی در NestJS

توضیحات دوره

این دوره به شما یاد می‌دهد که چگونه یک اپلیکیشن مدرن Next.js را با استفاده از آخرین رویکرد App Directory بسازید. ما یک اپلیکیشن فروشگاهی خواهیم ساخت و تمام اصول اساسی ساخت یک اپلیکیشن مدرن Next.js را فرا خواهیم گرفت. همچنین این اپلیکیشن را به یک بک‌اند NestJS متصل کرده و داده‌ها را با استفاده از ORM پریزما ذخیره خواهیم کرد.

این معماری به ما اجازه می‌دهد تا از ویژگی‌های فوق‌العاده پرفورمنس و امنیت Next.js با رندر سمت سرور بهره‌مند شویم و در عین حال یک بک‌اند تمیز و مقیاس‌پذیر با استفاده از NestJS داشته باشیم. با ساخت یک اپلیکیشن فروشگاهی واقعی که با Stripe برای پذیرش پرداخت‌ها یکپارچه شده است، ما فراتر از مستندات عمل کرده و یاد می‌گیریم که برای ساخت و استقرار یک وب اپلیکیشن فول-استک روی پروداکشن چه چیزهایی لازم است.

علاوه بر این، ما استقرار روی پروداکشن با استفاده از AWS و Vercel را برای پیاده‌سازی یک پایپ‌لاین تحویل مداوم پوشش خواهیم داد و اپلیکیشن خود را روی یک دامنه واقعی در اینترنت در دسترس قرار خواهیم داد. این کار تضمین می‌کند که اپلیکیشن با هر کامیت به طور خودکار ساخته و مستقر شود، بدون اینکه ما نیاز به انجام کاری داشته باشیم.

کل پروژه با احراز هویت استاندارد صنعتی JWT محافظت خواهد شد تا فقط کاربران احراز هویت شده بتوانند به اپلیکیشن ما دسترسی داشته باشند. ما از وب‌سوکت‌ها برای دریافت بروزرسانی‌های لحظه‌ای از بک‌اند خود در هنگام اضافه شدن یا خریداری شدن یک محصول جدید استفاده خواهیم کرد. این امر با استفاده از وب‌هوک‌های Stripe تسهیل خواهد شد.

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

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

• توسعه‌دهندگان فول-استک سطح متوسط که می‌خواهند یاد بگیرند چگونه UIهای فوق‌العاده با Next.js بسازند و آن را به یک بک‌اند NestJS متصل کنند.