Skip to main content

Introduction

Build Search and Discovery Experiences with Fast Simon​

Fast Simon, a Shopify Plus Certified Partner, helps you create powerful search and discovery features for your storefront. This guide explains how to integrate Fast Simon with Shopify Hydrogen.

Getting Started Guide

Hydrogen Template Overview: Skeleton with Fast Simon Features​

Hydrogen is Shopify’s modern stack for headless commerce, designed to work seamlessly with Remix, a full-stack web framework. This template provides a minimal setup to get started with Hydrogen and integrate Fast Simon features.

Key Highlights:​

  • Pre-configured examples of Visual Similarity, Smart Collections, and a Search Results Page.
  • Based on Shopify's demo-store template.
  • Optimized for ease of integration with Fast Simon tools.

Helpful Resources:​

What's Included in the Template​

This template comes pre-packaged with the following tools and features:

  • Fast Simon Features:
    • Visual Similarity
    • Smart Collections
    • Instant Search Autocomplete
    • Search Results Page
  • Development Tools:
    • Hydrogen and Remix
    • Shopify CLI
    • Oxygen hosting
    • ESLint and Prettier
    • GraphQL generator
    • TypeScript and JavaScript support
    • Minimal setup for components and routes

Fast Simon for Shopify Hydrogen​

Fast Simon for Shopify Hydrogen is a React library designed for use in Shopify Hydrogen apps. By installing this library, you can fetch Fast Simon data and render components such as Visual Similarity, Smart Collections, and Instant Search in your app.

Installation Guide​

This guide will walk you through the process of:

  1. Configuring your Shopify store for Fast Simon Shopify Hydrogen.
  2. Installing the Fast Simon app on your Shopify store.
  3. Setting up the Fast Simon Shopify Hydrogen NPM library.
  4. Rendering a Visual Similarity widget in your Hydrogen storefront.

By following this guide, you’ll unlock the full potential of Fast Simon tools for your Shopify Hydrogen storefront.