search

juddydev / Uninoverse

This is 3D model viewer using react three fiber implement texture images
https://uninoverse.com/
4 stars 0 forks source link
graphql hydrogen react-three-fiber remix shopify tada

readme

Shopify/Hydrogen + Remix

Hydrogen is Shopify’s stack for headless commerce. Hydrogen is designed to dovetail with Remix, Shopify’s full stack web framework. This template contains a full-featured setup of components, queries and tooling to get started with Hydrogen.

Check out Hydrogen docs Get familiar with Remix

https://github.com/Shopify/hydrogen-demo-store

Getting started

Requirements:

$ bun i

Remember to update .env with your shop's domain and Storefront API token!

Building for production

$ bun run build

Local development

$ bun run dev

Setup for using Customer Account API (/account section)

Setup public domain using ngrok

  1. Setup a ngrok account and add a permanent domain (ie. https://<your-ngrok-domain>.app).
  2. Install the ngrok CLI to use in terminal
  3. Start ngrok using ngrok http --domain=<your-ngrok-domain>.app 3000

Include public domain in Customer Account API settings

  1. Go to your Shopify admin => Hydrogen or Headless app/channel => Customer Account API => Application setup
  2. Edit Callback URI(s) to include https://<your-ngrok-domain>.app/account/authorize
  3. Edit Javascript origin(s) to include your public domain https://<your-ngrok-domain>.app or keep it blank
  4. Edit Logout URI to include your public domain https://<your-ngrok-domain>.app or keep it blank