← Back
Projects
Stripe Mini App
Compact e-commerce demo with Stripe Checkout, webhooks, and validation.
Context
Created to validate a full checkout flow with Stripe, from catalog to payment confirmation and webhook handling.
Role
Frontend Developer
Stack
- Next.js App Router
- React
- TypeScript
- Stripe Checkout + Webhooks
- Tailwind
- shadcn/ui
- Zod
- Playwright
- Vitest
Challenges
- Building a reliable checkout flow with server-side validation.
- Handling payment events safely and surfacing status to users.
- Maintaining SEO fundamentals in a small demo.
Approach
- Implemented checkout session creation with validation for price IDs, quantity limits, and promo codes.
- Verified Stripe webhooks with signature verification and built a payment events timeline UI.
- Added OG/canonical/sitemap/robots and E2E coverage with Playwright.
Outcome
Completed an end-to-end payment flow demo with robust validation and testing.