A custom storefront using TypeScript, Next.js, Shopify, and Tailwind CSS.

Shop Setup

Seed data: https://github.com/shopifypartners/shopify-product-csvs-and-images

• Create a collection called Homepage if it doesn't exist
  • The products in this collection will be featured on the homepage
  • Add an image to this collection. It will be used as the hero image
  • Write a description to display below the featured products list
• Display a collection on the homepage by adding an image to it

Environment

STOREFRONT_ACCESS_TOKEN=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
STORE_DOMAIN=your-store-domain-goes-here.myshopify.com