Shopify Starter

A fully functional eCommerce store that uses Next.js + Tailwind CSS

Home screenshot
Home screenshot
Home screenshot

Description

Description

This is a fully functional eCommerce store that uses Next.js + Tailwind CSS in the front end and leverages the Shopify Storefront API to interact with your Shopify backend.

It uses GraphQL to query Shopify data and store the cart information in localStorage to persist user sessions. It also uses Shopify Checkout to let the user purchase the items. You can see this play out in the example store. The store in the preview is actually functional and you can buy the stickers listed there.

The Tech

  • Next.js + Tailwind CSS
  • GraphQL
  • localStorage to persist user session
  • Shopify
  • Vercel
  • Font Awesome Icons
  • Josefin Sans Google Font

For more information and to learn how to use it check out the GitHub page.

Get notified when we add new designs.

Twice a month I share the best Tailwind templates, UI kits and components in my newsletter. 30 Tailwind hackers find it useful. I'd love you to join.