Built a headless Shopify storefront straight from the Storefront API. Next.js handles the routing and rendering, the API feeds in 23 products from Shopify's sample catalog, photos and prices included.
Color swatches swap the product shot and the price on click. Filters sit in the URL, so a filtered collection page is a shareable link. There's a set builder: pick three pieces, 15% off.
The cart is real. Add items, change quantities, close the tab, come back a month later. Still there (30-day cookie). Checkout is a mock, no payment.
Also wrote three Liquid sections for Dawn and ran them through theme-check. Zero issues.
100 on accessibility, best practices and SEO on Lighthouse desktop.
A small website improvement can make a big difference. 💡
When building or improving a website, it's easy to focus only on how it looks.
But great websites need more than good design.
Here are 4 things I always consider:
→ Speed: Make pages load faster.
→ Usability: Help visitors find what they need.
→ SEO: Make content easier for search engines to understand.
→ Conversions: Make the next step clear.
You don't always need a complete redesign.
Sometimes, fixing a few important issues can create a much better experience.
Build smarter. Improve continuously. Make every change count. 🚀
What’s the first thing you check when auditing a website?