ZeusThe Shopify theme, on steroids.
Online Store 2.0, built with React islands, Tailwind v4 and Vite — and it still works in the theme editor. Merchants get real sections, blocks and live preview. You get a build step, a component model and an API.
- Not headless
- Real sections, blocks and drag-and-drop in the theme editor.
- Liquid owns data
- Serializers hand React clean JSON. No guessing at Shopify’s shape.
- One API endpoint
- Admin GraphQL and third-party services, credentials server-side.
Getting started
Building sections
- Adding a sectionTwo files, no registry to update.
- BlocksRendering a section’s blocks from a type map.
- Theme editorThe four rules every interactive component follows.
- Talking to other sectionsProps, shared state, and when to use which.
- CarouselsSwiper wiring that behaves in the editor.
- StylingTailwind v4, colour schemes, transitions, fonts.
Data
The API
- OverviewWhat it is, the three pieces, and why it takes a name.
- 1. Shopify appCreate the app that carries the proxy and the credentials.
- 2. Deploy to NetlifyGenerate the folder, create the site, set the variables.
- 3. Connect themProxy, scopes, installing the app, and verifying.
- Admin operationsAdding a .graphql file, and declaring its scopes.
- Third-party servicesOne endpoint for every other API.
- Other platformsHosting the gateway somewhere other than Netlify.