- Create an e-commerce using Stripe
- Learn Stripe (payments)
- Learn Hygraph
- Learn Tailwindcss (responsive)
- Learn Framer Motion
- Buy shoes
- Shopping Cart
- Show customer Orders
- Next.JS | Typescript | Stripe | Hygraph | GraphQL | Urql | Codegen | Tailwindcss | Framer Motion | Next Auth
- Create Responsive Layout
- Search bar (search shoes)
- Search bar filter (lower prices, higher prices, new)
- Get products from Hygraph
- Pagination
- "Product" page (product details, buy button, add to cart)
- Show similar products (shoes)
- Shopping Cart
- Setup Next Auth
- Login with google
- Setup Stripe
- Validate products checkout
- Finish stripe checkout
- Setup Stripe Webhooks
- Save customer orders (Hygraph)
- Create Profile Page (Orders...)
- Customer Orders pagination