🚀Free Shopify x Next.js App Template for serverless non-embedded Apps

Everything to build your next non-embedded Shopify App and Marketing pages in one place. This Template utilizes Middleware and APIs for OAuth, so no custom server is needed.

Intentionally barebones. 🦴

🤩 Features
👀 Requirements
🤓 Getting Started
🚀 One click deploy
🧰 Built with

🤩 Features

⚡ Next.js - React Framework for static rendering
✨ Serverless Architecture
💳 App Subscrptions
💾 Session Storage with Redis
🚇 Ngrok for development
🚀 Apollo/Client
🪝 Webhooks set up

👀 Requirements

Shopify Partner Account
Shopify Dev Store
Ngrok account
Upstash Redis Database

🤓 Getting Started

Click Use this template or this link
Create an App in your Shopify Partner Account
Set https://localhost as the App Url for now
Go to App Setup -> Embedded app and disable Embed your app in Shopify admin
Fill out your .env file
SHOPIFY_API_KEY: The Shopify Api key of the app, you have just created
SHOPIFY_API_SECRET_KEY: The Shopify Api secret key of the app, you have just created
SCOPES: The access scopes your app needs
HOST: The Url of your app. Leave this empty for development
SHOP: Your dev stores url
NGROK_AUTH_TOKEN: Your Ngrok auth token
UPSTASH_REDIS_REST_URL: Your Upstash Redis REST url.
UPSTASH_REDIS_REST_TOKEN: Your Upstash Redis REST token.
Run npm install
Run npm run dev
Visit https://{YOUR_APP_URL}/login to install your app

🚀 One click deploy

Clone and deploy this template in one click to Vercel for free!

Check out our Next.js deployment documentation for more details.

🧰 Built with

View Github