HULL

Theme by Ndimatteo

|

Updated: 28 Dec 2022

|

1417 Stars

Headless Shopify Starter – powered by Next.js + Sanity.io

Categories

Overview

This product is a theme that focuses on utility-first CSS with Tailwind CSS, powered by various integrations and features. It includes animations, a cart powered by Shopify Buy SDK, real-time inventory checks, customizable filtering and sorting for product collections, Klaviyo forms for out-of-stock products and newsletters, dynamic page routes, automatic sitemap generation, and more. The theme also offers accessibility features, SEO features, and integration with Shopify.

Features

• Utility-first CSS with Tailwind CSS: The theme utilizes utility-first CSS, making it highly customizable.
• Animations powered by Framer Motion: Animations add visual appeal and enhance user experience.
• Cart powered by Shopify Buy SDK: The theme includes a cart feature powered by Shopify Buy SDK, allowing seamless shopping experience.
• Real-time inventory check for products using SWR: Real-time inventory checks ensure accurate product availability information for customers.
• Customizable Filtering & Sorting for product collections: The theme allows customizable filtering and sorting options for product collections, helping customers find what they are looking for.
• Klaviyo waitlist form for out-of-stock products: The integration with Klaviyo enables the use of waitlist forms for out-of-stock products, allowing customers to get notified when the products are back in stock.
• Klaviyo newsletter form with opt-in field: The theme includes a Klaviyo newsletter form with an opt-in field for customers to subscribe to newsletters.
• Dynamic Page Routes for custom page creation: Custom pages can be easily created with dynamic page routes.
• Automatic Sitemap.xml generation: The theme automatically generates a sitemap.xml file, improving search engine visibility.
• Automatic robots.txt generation: The theme automatically generates a robots.txt file, allowing control over search engine crawling.
• Automatic 301 Redirects from Sanity: Automatic 301 redirects are implemented from Sanity, ensuring smooth browsing experience for users.
• Live Preview content directly from Sanity: Content changes made in Sanity can be previewed live, allowing for efficient content editing.
• Modern Image component using Sanity’s Hotspot, Crop, and automatic WEBP format: The theme utilizes Sanity’s Hotspot, Crop, and automatic WEBP format for modern and optimized image display.
• Modular page content for all pages, including dynamic grid layouts: All pages in the theme feature modular content, including dynamic grid layouts for flexible content arrangement.
• Customizable Promotion Banner: The Promotion Banner can be easily customized to suit specific promotional needs.
• Customizable Cookie Notice: The theme includes a customizable Cookie Notice to comply with privacy regulations.
• Accessibility features: The theme includes various accessibility features such as ARIA Landmark Roles, default focus states preserved for keyboard navigation, correct focus trapping for drawers, and required alt text for images.
• SEO features: The theme offers page-level SEO/Share settings, fallback global SEO/Share settings, automatic JSON-LD Schema markup for products, and other SEO optimization features.
• Shopify Integration Features: The theme integrates with Shopify, allowing automatic syncing of products, tracking of product status, preservation of deleted products and variants, clean URL history stack, vanity shop URL masking, and more.
• Global Cart with access to all variant data for line items: The theme includes a Global Cart feature that provides access to all variant data for line items, enhancing the shopping experience.
• Supports Single Variant products out of the box: The theme supports Single Variant products without additional configuration.
• Product photo galleries with variant granularity: Product photo galleries can be created with variant granularity, providing customers with a comprehensive visual representation of products.
• Dynamic /shop collection page: The theme includes a dynamic /shop collection page, allowing easy browsing of product collections.
• Custom collection pages: Custom collection pages can be created according to specific requirements.
• Ability to surface a variant option on product cards: Variant options can be displayed directly on product cards, making it convenient for customers to select desired variants.

Installation

To install the theme, follow these steps:

1. Deploy the Sanity Starter on Vercel using the pre-populated store.
2. Connect your Shopify store by making changes to your existing products.
3. Delete the demo products and make sure to connect your own Shopify account for proper functionality.

Summary

This product is a theme that offers a wide range of features and integrations to enhance the functionality, customization, accessibility, and SEO of an online store. It leverages utility-first CSS with Tailwind CSS, integrates with Shopify for seamless product management, and provides various tools for dynamic content creation and optimization. The theme aims to provide a comprehensive solution for creating an efficient and visually appealing online shopping experience.