Shopify/hydrogen-v1

Stars
3,747
Rank 11,766 (Top 0.3 %)
Language
TypeScript
License
MIT License
Created about 3 years ago
Updated 3 months ago

Shopify/hydrogen-v1

Shopify

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

React-based framework for building dynamic, Shopify-powered custom storefronts.

⚠️ This is a legacy version of Hydrogen. See the latest available at https://github.com/Shopify/hydrogen ⚠️

Hydrogen is a React-based framework for building dynamic, Shopify-powered custom storefronts.

Set up your local environment with the instructions below ⬇️

Getting Started

Requirements:

yarn or npm
Node.js version 16.14.0 or higher

Installation:

# Using `yarn`
yarn create @shopify/hydrogen

# Using `npm`
npm init @shopify/hydrogen

# Using `npx`
npx @shopify/create-hydrogen

Running locally:

Start a development server

# Using `yarn`
yarn install
yarn dev

# Using `npm`
npm i
npm run dev

Visit the development environment running at http://localhost:3000.

Learn more about getting started with Hydrogen.

draggable

The JavaScript Drag & Drop library your grandparents warned you about.

dashing

The exceptionally handsome dashboard framework in Ruby and Coffeescript.

liquid

Liquid markup language. Safe, customer facing template language for flexible web apps.

toxiproxy

⏰ 🔥 A TCP proxy to simulate network and system conditions for chaos and resiliency testing

react-native-skia

High-performance React Native Graphics using Skia

flash-list

A better list for React Native

polaris

Shopify’s design system to help us work together to build a great experience for all of our merchants.

go-lua

bootsnap

Boot large Ruby/Rails apps faster

graphql-design-tutorial

restyle

A type-enforced system for building UI components in React Native with TypeScript.

dawn

Shopify's first source available reference theme, with Online Store 2.0 features and performance built-in.

identity_cache

IdentityCache is a blob level caching solution to plug into Active Record. Don't #find, #fetch!

quilt

A loosely related set of packages for JavaScript/TypeScript projects at Shopify

shopify_app

A Rails Engine for building Shopify Apps

kubeaudit

kubeaudit helps you audit your Kubernetes clusters against common security controls

shipit-engine

Deployment coordination

graphql-batch

A query batching executor for the graphql gem

packwerk

Good things come in small packages.

krane

A command-line tool that helps you ship changes to a Kubernetes namespace and understand the result

semian

🐒 Resiliency toolkit for Ruby for failing fast

slate

Slate is a toolkit for developing Shopify themes. It's designed to assist your workflow and speed up the process of developing, testing, and deploying themes.

ejson

EJSON is a small library to manage encrypted secrets using asymmetric encryption.

superdb

The Super Debugger, a realtime wireless debugger for iOS

shopify_python_api

ShopifyAPI library allows Python developers to programmatically access the admin section of stores

storefront-api-examples

Example custom storefront applications built on Shopify's Storefront API

themekit

Shopify theme development command line tool.

Timber

The ultimate Shopify theme framework, built by Shopify.

shopify-cli

Shopify CLI helps you build against the Shopify platform faster.

shopify-api-ruby

ShopifyAPI is a lightweight gem for accessing the Shopify admin REST and GraphQL web services.

hydrogen

Hydrogen is Shopify’s stack for headless commerce. It provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications. Hydrogen is designed to dovetail with Remix, Shopify’s full stack web framework, but it also provides a React library portable to other supporting frameworks. Demo store 👇🏼

js-buy-sdk

The JS Buy SDK is a lightweight library that allows you to build ecommerce into any website. It is based on Shopify's API and provides the ability to retrieve products and collections from your shop, add products to a cart, and checkout.

job-iteration

Makes your background jobs interruptible and resumable by design.

cli-ui

Terminal user interface library

react-native-performance

Performance monitoring for React Native apps

ruby-lsp

An opinionated language server for Ruby

active_shipping

ActiveShipping is a simple shipping abstraction library extracted from Shopify

shopify-api-js

Shopify Admin API Library for Node. Accelerate development with support for authentication, graphql proxy, webhooks

tapioca

The swiss army knife of RBI generation

maintenance_tasks

A Rails engine for queueing and managing data migrations.

shopify-app-template-node

remote-ui

erb_lint

Lint your ERB or HTML files

shopify_theme

A console tool for interacting with Shopify Theme Assets.

pitchfork

ghostferry

The swiss army knife of live data migrations

yjit

Optimizing JIT compiler built inside CRuby

statsd-instrument

A StatsD client for Ruby apps. Provides metaprogramming methods to inject StatsD instrumentation into your code.

autotuner

Get suggestions to tune Ruby's garbage collector

shopify.github.com

A collection of the open source projects by Shopify

ruby-style-guide

Shopify’s Ruby Style Guide

theme-scripts

Theme Scripts is a collection of utility libraries which help theme developers with problems unique to Shopify Themes.

livedata-ktx

Kotlin extension for LiveData, chaining like RxJava

starter-theme

The Shopify Themes Team opinionated starting point for new a Slate project

shopify-demo-app-node-react

web-configs

Common configurations for building web apps at Shopify

mobile-buy-sdk-ios

Shopify’s Mobile Buy SDK makes it simple to sell physical products inside your mobile app. With a few lines of code, you can connect your app with the Shopify platform and let your users buy your products using Apple Pay or their credit card.

shopify_django_app

Get a Shopify app up and running with Django and Python Shopify API

deprecation_toolkit

⚒Eliminate deprecations from your codebase ⚒

ruby-lsp-rails

A Ruby LSP extension for Rails

bootboot

Dualboot your Ruby app made easy

FunctionalTableData

Declarative UITableViewDataSource implementation

shadowenv

reversible directory-local environment variable manipulations

shopify-node-app

An example app that uses Polaris components and shopify-express

polaris-viz

A collection of React and React native components that compose Shopify's data visualization system

better-html

Better HTML for Rails

theme-check

The Ultimate Shopify Theme Linter

product-reviews-sample-app

A sample Shopify application that creates and stores product reviews for a store, written in Node.js

tracky

The easiest way to do motion tracking!

shopify-api-php

measured

Encapsulate measurements and their units in Ruby.

cli

Build apps, themes, and hydrogen storefronts for Shopify

money

Manage money in Shopify with a class that won't lose pennies during division

javascript

The home for all things JavaScript at Shopify.

ruvy

limiter

Simple Ruby rate limiting mechanism.

vscode-ruby-lsp

VS Code plugin for connecting with the Ruby LSP

ruby_memcheck

Use Valgrind memcheck on your native gem without going crazy

polaris-tokens

Design tokens for Polaris, Shopify’s design system

buy-button-js

BuyButton.js is a highly customizable UI library for adding ecommerce functionality to any website.

android-testify

Add screenshots to your Android tests

spoom

Useful tools for Sorbet enthusiasts

turbograft

Hard fork of turbolinks, adding partial page replacement strategies, and utilities.

mobile-buy-sdk-android

Shopify’s Mobile Buy SDK makes it simple to sell physical products inside your mobile app. With a few lines of code, you can connect your app with the Shopify platform and let your users buy your products using their credit card.

graphql-js-client

A Relay compliant GraphQL client.

shopify-app-template-php

skeleton-theme

A barebones ☠️starter theme with the required files needed to compile with Slate and upload to Shopify.

sprockets-commoner

Use Babel in Sprockets to compile JavaScript modules for the browser

rotoscope

High-performance logger of Ruby method invocations

shopify-app-template-remix

git-chain

Tool to rebase multiple Git branches based on the previous one.

verdict

Framework to define and implement A/B tests in your application, and collect data for analysis purposes.

hydrogen-react

Reusable components and utilities for building Shopify-powered custom storefronts.

ui-extensions

storefront-api-learning-kit

heap-profiler

Ruby heap profiler

autoload_reloader

Experimental implementation of code reloading using Ruby's autoload

app_profiler

Collect performance profiles for your Rails application.

graphql-metrics

Extract as much much detail as you want from GraphQL queries, served up from your Ruby app and the graphql gem.

active_fulfillment

Active Merchant library for integration with order fulfillment services