A demo of a Shopify site using Astro and React.

Last update: Dec 28, 2022

Related tags

Overview

Shopify + Astro + React

A demo of a Shopify site using Astro and React. If you'd like to learn how it's built and how you can do the same, check out this blog post!

Customize and make it your own

Clicking this button will clone the repo to your GitHub account and instantly deploy to Netlify. You will need to have the Netlify CLI installed, and a .env file at the top level of your project (after you clone) with the following:

SHOPIFY_STOREFRONT_API_TOKEN=example
SHOPIFY_API_ENDPOINT=https://exampleshopify/graphql.json

Commands

All commands are run from the root of the project, from a terminal. Make sure you have the Netlify CLI installed so the serverless functions can work properly!

Command	Action
`npm install`	Installs dependencies
`npm run start`	Starts local dev server
`npm run build`	Build your production site to `./dist/`

A demo app to illustrate core and latest concepts in Ember.js

ember-workshop A demo app to illustrate core and latest concepts in Ember.js Setup Installation Clone this repo. git clone [email protected]:ijlee2/ember

Dec 17, 2022

Demo project to deploy front- and backend together on heroku.

spring-boot-react-bundle This is a demo project that shows how it is possible to deploy a react frontend and a Spring Boot backend into a heroku dyno.

Jul 22, 2022

Demo of settingup tailwind 3 (cli) with emberjs

tailwind-setup-demo This README outlines the details of collaborating on this Ember application. A short introduction of this app could easily go here

Aug 28, 2022

Expo Demo: Screen Capture with Managed Workflow

Expo Demo: Screen Capture with Managed Workflow This code demonstrates how to setup screen capture on an Expo app, without having to eject from the ma

Dec 30, 2022

Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

Recoil · Recoil is an experimental set of utilities for state management with React. Please see the website: https://recoiljs.org Installation The Rec

Jan 8, 2023

A react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.

fork-me-corner fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and s

Jun 30, 2022

Soft UI Dashboard React - Free Dashboard using React and Material UI

Soft UI Dashboard React Start your Development with an Innovative Admin Template for Material-UI and React. If you like the look & feel of the hottest

Dec 28, 2022

React-app - Building volume rendering web app with VTK.js,react & HTML Using datasets provided in vtk examples (head for surface rendering and chest for ray casting)

SBE306 Assignment 4 (VTK) data : Directory containing Head and Ankle datasets Description A 3D medical viewer built with vtk-js Team Team Name : team-

Jul 19, 2022

a more intuitive way of defining private, public and common routes for react applications using react-router-dom v6

auth-react-router is a wrapper over react-router-dom v6 that provides a simple API for configuring public, private and common routes (React suspense r

Dec 3, 2022

Comments

Update astro version

This updates your example to astro v0.19, mainly by converting the Collections API to the new dynamic routing system.

This PR uses astro@next to test, but once 0.19.0 is released in the next day or so we can update this PR to use the official 0.19.0 version.

opened by FredKSchott 2
fix: postcss issues with calculations

My linter was stating there was an error parsing the original one. I believe it's because we're doing calculations without the calc function. Feel free to close if I missed something

opened by bencodezen 1
Images are cut off in thumbnails

images are cropped to the top, resulting in some odd thumbnails

https://github.com/cassidoo/shopify-react-astro/blob/f9942f71bcfce493140e66720cd06759f9c3c7d1/public/style/global.css#L127-L130

opened by jlengstorf 0

Owner

Cassidy Williams

Making memes and dreams... and software

GitHub https://shopify-astro.netlify.app/

Shopify app using NextJS. No custom NextJS server needed.

Shopify NextJS App Example An example app built with NextJS that can be setup and deployed to production in seconds on Vercel. All the glory goes back

35 Nov 29, 2022

An intro to Three.js and React :) Workshop materials and demo from HackTheNorth 2021

?? Speedy 3D - A Quick Intro to Three.js & React This workshop was originally created for Hack The North 2021! My personal motivation was to: learn th

8 Dec 17, 2021

Next / React / TS demo to quickly create a landing page

1 Jun 27, 2022

A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell

Loggi Frontend Show & Tell - Animações com React Lottie A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell This project was bootstr

2 Aug 4, 2022

A Chrome T-Rex game remake using javascript and threejs. Online demo: https://rossning92.github.io/t-rex

T-Rex Game in 3D A Chrome T-rex game remake using javascript and threejs. Build the code Make sure you have node 12+ installed: https://nodejs.org/en/

79 Dec 29, 2022

⚛️ 🚀 A progressive static site generator for React.

You are viewing the docs for v7 of React Static. You can browse all historical versions via Github branches! React Static A progressive static-site ge

10.2k Dec 27, 2022

Hacker-news-with-react - 👾 Consuming the hacker news api, i created a more modern design for than the current site.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

1 Jan 3, 2022

Site para treinar minhas habilidades com o react no frontEnd (totalmente voltado para o aprendizado)

Tutorial Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you ca

3 Jan 31, 2022

🌀 Insert Awesome Shapes into Your React Site with Ease

React Awesome Shapes ?? Insert Awesome Shapes into Your React Site with Ease. Loved the project? Please consider donating to help it improve! Consider

608 Dec 30, 2022

A Google Clone which built with ReactJS. You can click the demo and search whatever you want!

Google Clone with ReactJS A small web app that imitate the desktop web version of google site, you can search whatever you want. Google Clone Demo Lin

36 Aug 14, 2022