cassidoo/shopify-react-astro

Stars
107
Rank 323,587 (Top 7 %)
Language
JavaScript
Created over 3 years ago
Updated over 1 year ago

cassidoo/shopify-react-astro

cassidoo

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

A demo of a Shopify site using Astro and React.

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/`

getting-a-gig

Guide for getting a gig as a tech student.

todometer

A meter-based to-do list

HTML-CSS-Tutorial

Tutorial for HTML and CSS

talks

Talks at conferences, meetups, hackathons, and more, plus my speaker rider for good measure.

scrapers

A list of scrapers from around the web.

next-netlify-starter

A one-click starter project for Next and Netlify, moved to https://github.com/netlify-templates/next-netlify-starter

vim-up

A bunch of vim shortcuts, colors, and bundles to make your life easier

next-adventure

A crowdsourced, mad-lib, choose your own adventure story!

next-netlify-blog-starter

A lightweight markdown blog starter built with Next.js 12+ and Netlify

cass.run

My own lil URL shortener

better-security-questions

Better security questions for easy use in your projects

next-contentful-starter

A starter project for Next.js, Contentful, and Netlify

cardstock

A clean Obsidian theme

astro-netlify-starter

A starter project for Astro and Netlify!

ama

Answering questions I get often

next-prankz

A project showing how to fake a news website to rick roll people.

cassidoo-v5

My personal website, version 5.

morsemoji

Translate text to morse code, but the morse code is emojis

shopify-next-netlify

A Shopify Next.js demo

astro-react-vue-demo

A small demo using Astro, React, and Vue together.

call-it-what-it-is

A Chrome extension to replace the phrase, "racially offensive" and "racially charged" to "racist" because that's what it means

reading-challenge-webinar

Code from my "You don't need Redux" webinar

search-nasa

A Vue.js demo live-coded at Twilio SIGNAL 2017

typing-game

A Pokemon guessing game

github-copilot-demo

A nonsensical React application made (almost) entirely by GitHub Copilot

link-in-bio-generator

Make your own "link in bio" site

flapjack-fwop

A game where you have to get butter on all of the pancakes.

next-netlify-portfolio-starter

A personal portfolio project starter using Next.js and Netlify

pic2trip

A Chrome extension to search Trip Advisor by image with Clarifai

book-rating-demo

A demo built with React and HarperDB to show book ratings

snapchat-dashboard

Watch your Snapchats arrive live in the browser

parsesize

A tiny CSS preprocessor that converts the `size` property to `width` and `height`.

next-nasa-demo

next-context-example

Here's an example of using React Context and useReducer with Next.js for state management.

iris-keyboard-layout

A custom layout for the Iris mechanical keyboard.

accordion

A React accordion

cassidoo

react-hooks-workshop-2020

clarifai-javascript-starter

Basic starter in JavaScript for the Clarifai API

solid-pi-guesser

A SolidJS project to guess digits of pi

tue-due-vue

Cassidy's attempts to learn Vue.js with a todo app (and a counter app to boot)!

react-hooks-codemirror

A nice neat React component wrapper for CodeMirror

pokemon-feature-flags

A demo of LaunchDarkly, React, and Vite, using the Pokémon API!

cassidoo-v3

My personal website

sonnet-18

Shall I compare thine repo to a summer's day?

next-prismic-starter

members-only

A demo using Next.js and Netlify Identity

vveather

A React weather app

desktop-lava

A lava lamp for your desktop built with CSS and Electron.

blahg

next-contentful-birthday-card

chihuahua-or-muffin

A quick webapp that determines if a picture is a chihuahua or a muffin.

cassidoo-v4

My personal website!

clarifai-car-trainer

Basic example using Clarifai custom training.

generate-stripe-coupons

A Python script for bulk-generating Stripe coupons and promotion codes

my-next-project

A demo project for Next.js

github-user-search

A live-coded Vue.js app using the GitHub API

stream-hooks-demo

A quick overview of the React hooks useState and useEffect demoed on cass.run/live

hued

A photo-based color palette generator

vscode-astro-stream

A demo of how Astro works, livestreamed with Visual Studio Code

Color-Detect

JavaScript + HTML5 app to detect dominant colors in an image

remix-demo

Following and experimenting with the Remix tutorial

screenshot-demo

Quickly screenshot a website and save it to .png and .pdf

whitney-api

Whitney Houston API. Because why not.

avocado-labs-demo

astro-redirects-example

Astro + Netlify _redirects

effective-javascript

Douglas Crockford's class on Effective JavaScript

console-dot-fog

console.log with some fog

testaroni

protected-uploader

A simple checker that confirms that photos being uploaded have no pornographic content.

ErmergershScript

This is the greatest compile-to-JavaScript language of all time: Ermergersh.

cs-education-funding

List of U.S. Senators and Representatives who are key decision-makers in terms of providing funding for K-12 computer science.

Star-Catcher

For Facebook's 2012 Summer of Hack, LuisBosquez and I made StarCatcher, a browser game in which you click the stars before the fall to the ground.

horses-are-cool

A demo of how Astro works!

decentralized-news

A decentralized news aggregator built with Chainlink and Astro (built during a live webinar)

project-pickle

learn-pi

A web app to help you learn pi.

CSS-Notes

split-testing-demo

A simple demo of Netlify Split Testing

cass.lol

link-in-bio-template

A template repo for generating link in bio sites

next-storyblok-starter

dooodles

Draw with your friends.

es6-party

You're going to learn ES6 and you're going to like it.

PebbleInsultGenerator

An insult generator for Pebble.

Learn-Morse

A Polymer application for learning morse code.

team-dory

Finance game for kids.

Dots

CSS3 + JavaScript dots orbiting the center of the page

reading-challenge-2015

Rails app for tracking your reading throughout 2015

remove-gmail-categories

A free browser extension that removes the labels Social, Promotions, Updates, and Forums from the Gmail Move dropdown.

cassidoo-next

This is not Next.js this is just me merging my blog and website stop yelling at me

next-beastie-demo

markdown.tips

clarifai-go-cli

A CLI for the Clarifai /tag endpoint

found

Search and find your loved ones in crisis through machine learning

Balance

A game in which players have to get through college while staying out of debt.

TextToTable

Convert lines in a text file to an HTML table

cassidoo.github.io

scheme-exercises

Just me practicing Scheme

ShakespeareInsults

An olde-English insult generator