https://github.com/workwithpact/cf-pages-shopify-app-starter
A Shopify app starter, built on top of CloudFlare pages.
https://github.com/workwithpact/cf-pages-shopify-app-starter
cloudflare-pages shopify-app shopify-polaris
Last synced: about 1 year ago
JSON representation
A Shopify app starter, built on top of CloudFlare pages.
- Host: GitHub
- URL: https://github.com/workwithpact/cf-pages-shopify-app-starter
- Owner: workwithpact
- License: mit
- Created: 2022-01-15T03:23:22.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-05-18T21:09:10.000Z (about 4 years ago)
- Last Synced: 2025-03-27T19:14:37.745Z (over 1 year ago)
- Topics: cloudflare-pages, shopify-app, shopify-polaris
- Language: TypeScript
- Homepage:
- Size: 344 KB
- Stars: 12
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# CloudFlare Pages Shopify App Template
## What is this?
A Shopify app starter, built on top of CloudFlare pages.
## Why would I use this?
Because hosting a Shopify app on a regular node stack requires maintaining infrastructure, and infrastructure maintenance isn't always a game we like to play.
Also, this basically lets you get started quickly and efficiently.
## How do I get started?
First, create a new Shopify App. Note down the app's api key and secret.
Add `http://localhost:8788/oauth/callback` to the list of authorized callbacks, along with any other ones relevant to your use case.
Next, copy `.env.example` to `.env`, changing values for the appropriate ones.
Run `yarn && yarn start`, and off you go.
To deploy, link your repository in CloudFlare pages and don't forget to add in your environment variables, just like you did in your .env file :-)
## I'm more of a visual, can we build something together?
Sure can! Follow along!
### Part 1 - Getting started
https://www.loom.com/share/0730258114a44f02b7312a20c8731a46
### Part 2 - Building the UI
https://www.loom.com/share/7c3dba51e09548da8459b22c3c6186ec
### Part 3 - Handling uploads, data and errors
https://www.loom.com/share/e67c15b69607437e86318cfd97b1e732
### Part 4 - Querying data from Shopify
https://www.loom.com/share/4d6303360c4846b5ab7b55b05714e933
### Part 5 - Filtering data
https://www.loom.com/share/427df47bb3dc4a6791117b5a88ce829e