This project was made with Next.js and consumes the Stripe API. It's an e-commerce with a shopping cart.
It was originally developed for the Rocketseat Ignite Course, for learning Next.js. After finishing the original project, I expanded it by adding:
- Shopping cart managed by global state.
- Cleaner code & best practices. (Custom hooks, utility functions)
- SEO optimizations (Metatags).
- Responsive design.
- Next.js & Typescript.
- Stitches for styling (css-in-JS similar to Styled Components)
- Axios for API requests.
- Zustand for managing state.
- Uses SSR for very fast server-side rendered pages.
- Uses SSG for very optimized static pages.
- Uses Next.js API routes for Stripe API call on checkout.
- Shopping cart managed by global state & communicating with the Stripe API. (With logic for duplicated items, maximum limit per user, etc.)
- Clean code practices (Custom hooks, utility functions, performance optimizations with
useCallback
,useMemo
) - Responsive design for all devices.
- SEO optimizations (metatags for image, description, title, etc.)
The project has been deployed on Vercel.