Project of a modern e-commerce using Next 13 features with payment simulation using Stripe.

• @lucasyule2212 - GitHub
• lucasyulerocha - LinkedIn

Boilerplate: create-t3-app.

Base: React & NextJS.

State Management: Zustand + ContextAPI.

Styling & Animations: TailwindCSS, ShadcnUI, RadixUI, CVA (Class Variance Authority).

Icons: Lucide Icons.

Others: Zod, Husky, Commitizen, Commitlint, Lint-staged.

Auth Manager: Clerk

Payment Simulation: Stripe

E2E tests: Cypress

• Usage of new App folder in Next 13
• Extensive usage of Server Components
• Layouts + Pages + Loading fallbacks Next composition
• Usage of new extended fetch API for data/request caching
• Usage of new API route handlers (at dev-store-api project)
• E2E testing with Cypress
  • Including CI Workflow with Cypress
• Authentication by Clerk
• Payment simulation with Stripe

• Core Next 13 with App folder new features
• React Server Components
• Client Boundaries
• React Suspense
• E2E tests with Cypress
• CI Workflow setup

• Add Clerk authentication
• Add Cart page
• Add Stripe integration with checkout page
• Expand E2E tests with Cypress