Deploy Next.js Commerce
A headless Shopify storefront with the catalog, cart and checkout reached over HTTPS.
Run a custom storefront while Shopify handles products, inventory, orders and checkout.
Build plan
- Start from the maintained Shopify version of the Next.js Commerce repository.
- Add standalone output and a production Dockerfile for the storefront.
- Pass the Shopify domain and Storefront API token as runtime values, never committed files.
Resources and values
1 ServiceShopify Storefront APISHOPIFY_STORE_DOMAINSHOPIFY_STOREFRONT_ACCESS_TOKENSITE_NAMEThis recipe hosts the storefront. Shopify remains the system for products, inventory, orders and checkout.
Ask your coding agent
Deploy a Next.js Commerce storefront on aidrop using the maintained Shopify version. Configure standalone output and a production multi-stage Dockerfile, run it on 0.0.0.0:3000 and use / as the health path. Ask me for SHOPIFY_STORE_DOMAIN, SHOPIFY_STOREFRONT_ACCESS_TOKEN and SITE_NAME without writing secrets to the repository. Verify product listing, cart and the handoff to Shopify checkout, then return the public address.
Put Next.js Commerce online
Connect your coding agent, paste the quickstart and keep the build, runtime and public address in one aidrop Project.
7 days free · No credit card required