آموزش با Next.js + NestJS و Prisma یک برنامه خرید بسازید
دانلود Build a Shopping App With Next.js + NestJS & Prisma
این دوره به شما یاد می دهد که چگونه یک برنامه Next.js مدرن با استفاده از آخرین رویکرد دایرکتوری برنامه بسازید. ما یک برنامه خرید می‌سازیم و تمام اصول اصلی ساخت یک برنامه Next.js مدرن را یاد می‌گیریم. ما همچنین برنامه را به پشتیبان NestJS متصل می کنیم و داده ها را با استفاده از Prisma ORM ذخیره می کنیم.
این معماری به ما امکان می‌دهد از ویژگی‌های امنیتی عملکرد شگفت‌انگیز Next.js با رندر سمت سرور بهره ببریم، در حالی که همچنان با استفاده از NestJS یک باطن مقیاس‌پذیر تمیز حفظ می‌کنیم. با ساختن یک برنامه خرید واقعی و کارآمد یکپارچه با Stripe برای پذیرش پرداخت‌ها، فراتر از مستندات خواهیم آموخت که چه چیزی برای ساخت و استقرار یک برنامه وب تمام پشته برای تولید لازم است.
علاوه بر این، ما استقرار تولید را با استفاده از AWS Vercel پوشش خواهیم داد تا یک خط لوله تحویل مداوم را پیاده سازی کنیم و برنامه خود را در یک دامنه واقعی در معرض اینترنت قرار دهیم. این اطمینان حاصل می کند که برنامه به طور خودکار با هر commit بدون نیاز به انجام کاری ساخته می شود.
کل پروژه با احراز هویت استاندارد صنعتی JWT محافظت می شود، بنابراین فقط کاربران احراز هویت می توانند به برنامه ما دسترسی داشته باشند. ما از WebSockets استفاده می کنیم تا هر زمان که محصول جدیدی اضافه یا خریداری شود، به روز رسانی های بلادرنگ را از باطن خود دریافت کنیم. این کار با استفاده از وبکهک های Stripe تسهیل می شود.
در پایان دوره، با ساختن یک برنامه کاربردی واقعی، بخش عمده مستندات Next.js را مرور خواهیم کرد. می‌توانید آنچه را که آموخته‌اید برای ساختن برنامه فول استک مدرن خود به کار ببرید.
مقدمه Introduction
-
منابع Resources
-
ساختار پروژه Project Structure
-
رابط کاربری مواد Material UI
-
مسیرهای احراز هویت Auth Routes
NestJS Backend NestJS Backend
-
راه اندازی Backend Backend Setup
-
ماژول کاربران Users Module
-
اعتبارسنجی + پیکربندی + ثبت نام Validation + Config + Logging
-
پریسما Prisma
-
کاربر ایجاد کنید Create User
اقدامات سرور Server Actions
-
Create User Server Action - قسمت 1 Create User Server Action - Part 1
-
Create User Server Action - قسمت 2 Create User Server Action - Part 2
احراز هویت Authentication
-
استراتژی محلی Local Strategy
-
JWT را امضا کنید Sign JWT
-
استراتژی JWT JWT Strategy
-
JSON Payloads JSON Payloads
-
UI ورود به سیستم UI Login Auth
-
کوکی های سرور Server Cookies
-
UI Auth Middleware UI Auth Middleware
سربرگ Header
-
سربرگ Header
-
زمینه احراز هویت Authentication Context
-
خروج و ناوبری Logout & Navigation
محصولات Products
-
طرحواره محصولات Products Schema
-
Backend محصولات ایجاد کنید Create Products Backend
-
Modal محصول را ایجاد کنید Create Product Modal
-
ایجاد اقدام سرور محصول Create Product Server Action
-
دریافت محصولات Get Products
-
کش محصولات Products Cache
آپلود تصویر Image Upload
-
باطن آپلود محصول Product Upload Backend
-
رابط کاربری آپلود محصول Product Upload UI
-
سرویس Static Serve Static
-
تصویر Next.js Next.js Image
تک محصولی Single Product
-
مسیریابی و باطن محصول واحد Single Product Routing & Backend
-
رابط کاربری تک محصول Single Product UI
راه راه Stripe
-
جلسه پرداخت راه راه Stripe Checkout Session
-
Stripe Checkout Redirect Stripe Checkout Redirect
-
وب هوک های راه راه Stripe Webhooks
محصولات WebSockets Product WebSockets
-
فیلتر محصولات Products Filter
-
دروازه محصولات Products Gateway
-
محصولات WebSockets Products WebSockets
-
احراز هویت WebSocket WebSocket Authentication
تولید Production
-
رشته اتصال Postgres Postgres Connection String
-
ساقه لوبیا الاستیک Elastic Beanstalk
-
کد تولید Production Code
-
CodePipeline CodePipeline
-
Vercel Vercel
-
دامنه سفارشی Custom Domain
-
راه راه و تصاویر Stripe & Images
-
سیاست سطل عمومی S3 S3 Public Bucket Policy
-
آپلود تصویر S3 S3 Image Upload
https://donyad.com/d/bb4022
Michael Guay
مهندس نرم افزار
نمایش نظرات