Chia Sẻ Khóa Học Xây Dựng Một Ứng Dụng Shopping Với Next.js + NestJS & Prisma [Khóa 6587 A]
08 tháng 7 2024
/
No Comments
Tìm hiểu cách xây dựng các ứng dụng web tiên tiến với Next.js và kết nối nó với một NestJS backend có thể mở rộng.
Những gì bạn sẽ học được:
- ✓ Xây dựng một ứng dụng web full-stack có thể mở rộng theo các phương pháp hay nhất.
- ✓ Sử dụng phương pháp tiếp cận Nextjs app directory hiện đại để xây dựng một UI hiệu suất cao tiên tiến.
- ✓ Tạo các Nextjs server component & action để cải thiện hiệu suất và bảo mật.
- ✓ Xây dựng một backend cấp doanh nghiệp bằng NestJS & Prisma ORM với Postgres DB.
- ✓ Triển khai một continuous delivery pipeline trên AWS & Vercel để dễ dàng deploy code của chúng ta vào production.
- ✓ Bảo mật UI và backend bằng cách sử dụng JWT authentication theo tiêu chuẩn ngành.
- ✓ Sử dụng Prisma ORM để generate TypeScript types nhằm giảm bớt boilerplate và thực hiện database migration.
- ✓ Sử dụng Material UI & Tailwind CSS để xây dựng các component đẹp mắt một cách dễ dàng.
- ✓ Tìm hiểu cách upload hình ảnh lên filesystem & AWS S3 từ một Nextjs UI.
- ✓ Kết nối Stripe để thu thập thanh toán và tích hợp webhooks để nhận cập nhật theo thời gian thực.
- ✓ Tích hợp WebSockets để nhận các bản cập nhật theo thời gian thực từ backend đến Nextjs UI.
- ✓ Tìm hiểu cách cache data với Nextjs fetch để tránh trùng lặp request và đạt được trải nghiệm người dùng cực nhanh.
- ✓ Cung cấp một domain tùy chỉnh và bảo mật lưu lượng truy cập bằng HTTPS.
Khóa học này sẽ hướng dẫn bạn cách xây dựng một ứng dụng Next.js hiện đại bằng cách sử dụng App directory approach mới nhất. Chúng ta sẽ xây dựng một ứng dụng mua sắm (shopping app) và tìm hiểu tất cả các nền tảng cốt lõi của việc xây dựng một ứng dụng Next.js hiện đại. Chúng ta cũng sẽ kết nối ứng dụng với một NestJS backend và lưu trữ dữ liệu bằng Prisma ORM.
Kiến trúc này cho phép chúng ta tận dụng các tính năng hiệu suất và bảo mật tuyệt vời của Next.js với server-side rendering trong khi vẫn duy trì một backend sạch có thể mở rộng bằng NestJS. Bằng cách xây dựng một ứng dụng shopping thực sự hoạt động được tích hợp với Stripe để chấp nhận thanh toán, chúng ta sẽ vượt ra ngoài tài liệu và tìm hiểu những gì cần thiết để xây dựng và deploy một ứng dụng web full-stack vào production.
Ngoài ra, chúng tôi sẽ đề cập đến production deployment bằng AWS & Vercel để triển khai một continuous delivery pipeline và đưa ứng dụng của chúng ta lên internet trên một domain hoạt động thực tế. Điều này sẽ đảm bảo ứng dụng được tự động built & deploy với mọi commit mà không cần chúng ta phải làm gì cả.
Toàn bộ project sẽ được bảo vệ bằng JWT authentication theo tiêu chuẩn ngành để chỉ những người dùng đã xác thực mới có thể truy cập ứng dụng của chúng ta. Chúng tôi sẽ sử dụng WebSockets để nhận các bản cập nhật theo thời gian thực từ backend của chúng ta bất cứ khi nào có sản phẩm mới được thêm vào hoặc mua. Điều này sẽ được tạo điều kiện thuận lợi với việc sử dụng Stripe webhooks.
Đến cuối khóa học, chúng ta sẽ xem xét phần lớn Next.js documentation bằng cách xây dựng một ứng dụng thực tế. Bạn sẽ có thể áp dụng những gì đã học để xây dựng một ứng dụng full-stack hiện đại của riêng mình.
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. NestJS Backend.
- ✓ 03. Server Actions.
- ✓ 04. Authentication.
- ✓ 05. Header.
- ✓ 06. Products.
- ✓ 07. Image Upload.
- ✓ 08. Single Product.
- ✓ 09. Stripe.
- ✓ 10. Product WebSockets.
- ✓ 11. Production.
Khóa học này dành cho ai:
- ✓ Các full-stack developer trung cấp muốn tìm hiểu cách xây dựng UI tuyệt vời với Nextjs và kết nối nó với một NestJS backend.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU