Bring calm, living greenery into any room
Verdant Lane curates resilient indoor plants, pots, and care kits. Explore the collection, add favorites to your cart, and experience a production-grade Stripe checkout in minutes.
Add a plant to your cart, use Stripe test cards, and see the full fulfillment loop in action.
- Stripe-secured checkout
- Run end-to-end payments in test mode, including 3D Secure flows.
- Carefully sourced
- Small-batch growers and sustainable greenhouses—no mass-market clones.
- Delivered thriving
- Climate-controlled packaging keeps foliage lush from nursery to doorstep.
Featured foliage
Pulled straight from Stripe Products & Prices; refreshed every minute via ISR.
Tech highlights
Quick snapshots of the engineering focus areas behind the demo.
Stripe-first data layer
Products and prices sync from Stripe, with promo codes validated server-side before Checkout.
Next.js App Router + ISR
Catalog pages cache via ISR, with dynamic Open Graph, sitemap, and robots endpoints.
Testing + CI feedback loops
Vitest and Playwright suites ship with coverage and workflow badges for quick QA.
What I learned
The takeaways that shaped how this build came together.
Checkout UX under real constraints
Handling promo errors, empty carts, and Stripe redirects without breaking the flow.
Clear server/client boundaries
Keeping Stripe logic server-only while the cart stays fast and responsive in the browser.
Production-minded edge cases
Validating price IDs, throttling quantities, and surfacing webhook outcomes on success.
Storytelling for demos
Combining feature highlights with friendly copy to make the build portfolio-ready.