Initial Vision
According to Google, for every second delay in mobile page load, conversions can fall by up to 20% (src).
As someone who has worked a lot on optimizing landing page conversions to grow an email list to 15,000 people, hearing I can improve conversion rate not only with optimizing copywriting, but also performance…I got excited!
I have achieved fantastic conversion rates for landing pages, but they are really nothing more that static HTML pages…
E-commerce has more robust requirements, with adding to cart, payment processing, recommendations, etc.
Optimizing performance will be an interesting endeavor, surely with a plethora of learning along the way!
Project Goals
Build a fully functioning (and beautiful) e-commerce experience with top-notch user experience, and blazing fast page speeds.
Required Pages:
- Landing Page
- Product Page
- Cart Functionality
- Checkout Page
GOAL: Achieve 100 mobile PageSpeed scores on ALL pages customer facing pages
- Landing Page 🎉
- Product Page 🎉
- Cart Page
- Checkout Page
Visit the project online and follow along on github.
Tools + Technology (planned)
- NextJs
- Tailwind
- Shadcn
- Stripe Payments
WIP: precomputing feature flags — static render feature flag permutations 👀
WIP: Exploring intercepting routes for better user experience and hypothesis it increases time on page for the user