Doggy Stickers Theme

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. You can see a Live Demo here.

We use GraphQL to query our Shopify data and store the cart information in localStorage to persist user session. Finally - we use Shopify Checkout to let the user purchase the items. You can see this play out in the example store. Yes - the store is functional and you can buy the stickers. 😃

Features

✅ +25 pre-made pages and screens

• Landing page
• Sign up, Sign in, Settings
• Wishlist and Cart page
• SEO
• Product detail page and others

✅ Minimalist and Modern Design

✅ Fully Auto Layout

✅ Ready-to-use solution

Installation Steps:

• ✅ Click on Download button.
• ✅ A modal asking for email address appears,please enter your email address, and click Download Now.
• ✅ Extract the zip files.
• ✅ Install necessary dependencies.
• ✅ Create a .env.local file in the root directory. You need to add these 4 variables:

NEXT_PUBLIC_SHOPIFY_STORE_FRONT_ACCESS_TOKEN=NEXT_PUBLIC_SHOPIFY_STORE_DOMAIN=NEXT_PUBLIC_SHOPIFY_COLLECTION=NEXT_PUBLIC_LOCAL_STORAGE_NAME=

• ✅ You can update your site metadata in the next.config.js file.

siteTitle: 'Your Company',siteDescription: 'Your company description.',siteKeywords: 'your company keywords',siteUrl: 'https://doggystickers.xyz',siteImagePreviewUrl: '/images/main.jpg',twitterHandle: '@your_handle'

• ✅ Update the manifest.json file and the icons under the public/images/icons folder.
• ✅ Run the project.

  yarn dev

• ✅ You can deploy this using any number of services. Vercel and Netlify are the ones I prefer and very easy to setup.