Chia Sẻ Khóa Học Xây Dựng Một E-store Sử Dụng Next.js, Figma, GraphQL, PayPal [Khóa 7916 A]
Tìm hiểu cách sử dụng React(NextJS), HyGraph(GraphCMS), GraphQL, Figma, Styled Components, EmailJS, Auth0 và PayPal.
Bạn sẽ học được gì:
- ✓ Design bằng Figma.
- ✓ Xây dựng E-store frontend bằng NextJS.
- ✓ Tạo, lưu trữ và quản lý các sản phẩm trong e-store bằng GraphCMS (Hygraph).
- ✓ Sử dụng GraphQL để lấy, thêm và cập nhật sản phẩm.
- ✓ Thêm thanh toán bằng PayPal.
- ✓ Thêm xác thực với Auth0.
- ✓ Đẩy mã nguồn của dự án lên GitHub.
- ✓ Triển khai dự án trên Vercel miễn phí.
Nếu bạn là một web developer mới bắt đầu với React thì khóa học này rất phù hợp với bạn.
Đây là một khóa học dựa trên dự án bao gồm tất cả các bước để xây dựng một website thương mại điện tử đầy đủ chức năng từ đầu.
Tôi sẽ chỉ cho bạn CÁCH sử dụng tất cả các công nghệ, công cụ và dịch vụ đó cùng nhau trong một full project và chúng tôi sẽ bắt đầu từ ý tưởng, thiết kế frontend với Figma, công cụ thiết kế miễn phí tốt nhất hiện nay, sau đó chúng tôi sẽ tạo và quản lý các sản phẩm trong backend với CMS xuất sắc từ GraphCMS (hiện đổi tên thành Hygraph), sau đó chúng tôi sẽ tìm nạp các sản phẩm bằng GraphQL cho frontend, chúng tôi sẽ sử dụng NextJS mà có thể bạn đã biết React Framework của nó, sau đó chúng tôi sẽ triển khai xác thực và protected routes với Auth0, thêm thanh toán bằng PayPal, chúng tôi sẽ có trang giỏ hàng đầy đủ chức năng và trang liên hệ với một form thực sự gửi email bằng EmailJS.
Sau khi hoàn tất coding, chúng tôi sẽ đẩy mã lên GitHub, sau đó liên kết GitHub repo với tài khoản của chúng tôi trên Vercel, nơi chúng tôi sẽ triển khai dự án trực tuyến miễn phí.
Và điều tốt nhất là .. tất cả những điều này bằng cách chỉ sử dụng các công cụ và service miễn phí.
Mục lục:
- ✓ 1. Giới thiệu.
- ✓ 2 - Design với Figma.
- ✓ 3 - CMS - Tạo và quản lý sản phẩm.
- ✓ 4 - Frontend.
- ✓ 5 - Contact Page.
- ✓ 6 - Xây dựng Trang Giỏ hàng.
- ✓ 7 - Authentication.
- ✓ 8 - Thanh toán bằng PayPal.
- ✓ 9 - Phần cuối cùng.
Khóa học này dành cho ai:
- ✓ Các React developer mới bắt đầu muốn xây dựng một dự án hoàn chỉnh mà không cần quá nhiều backend.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU