Shopify App using SvelteKit

Warning: Expermimental code ahead

Steps to follow

git clone https://github.com/unlocomqx/shopify-app-sveltekit my-app
# OR if you want to remove the repo git history
npx degit https://github.com/unlocomqx/shopify-app-sveltekit my-app 
# Then
cd my-app
npm install
# Switch to another folder
shopify app create # You can also create an app on partners.shopify.com
# This will create an app and will clone the react app which we don't need
# Back to the clone folder 
shopify app connect
# By now your .env file should be generated
shopify app serve
# Shopify serve will update the urls of your app and will use ngrok to make your local server visible to the outside

Troubleshooting

If you encounter a 500 error, clear the browser cache and retry (it's a redirect cache issue)
If you encounter a 403 error, make sure to clear the cookies then retry shopify serve again.
If you encounter another issue, you can report it here

A better DX approach

Using ngrok can be slow and can give you a bad developer experience. Follow these instructions to improve your DX.
https://dev.to/unlocomqx/a-much-better-dx-for-shopify-apps-38ln

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes