MCPcopy Index your code
hub / github.com/carstenlebek/shopify-non-embedded-app-template

github.com/carstenlebek/shopify-non-embedded-app-template @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
33 symbols 82 edges 22 files 0 documented · 0% updated 3y ago★ 1358 open issues

Browse by type

Functions 32 Types & classes 1
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

🚀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. 🦴

Table of Contents

  • 🤩 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!

Deploy with Vercel

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

🧰 Built with

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Function 32
Interface 1

Languages

TypeScript100%

Modules by API surface

src/lib/shopifyCli.mjs10 symbols
src/lib/sessionStorage.ts3 symbols
next.config.mjs3 symbols
src/pages/app/subscriptions.tsx2 symbols
src/pages/app/get-data.tsx2 symbols
src/pages/login.tsx1 symbols
src/pages/index.tsx1 symbols
src/pages/app/index.tsx1 symbols
src/pages/api/webhooks.ts1 symbols
src/pages/api/hello.ts1 symbols
src/pages/api/graphql.ts1 symbols
src/pages/api/auth/offline.ts1 symbols

Datastores touched

(mongodb)Database · 1 repos

For agents

$ claude mcp add shopify-non-embedded-app-template \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page