Keep the useful contract between developers and store operators.
A Shopify theme gives both sides a legible job: developers define the available sections, merchants arrange and configure them, and Shopify keeps the catalog and checkout. A custom storefront usually gives up that editing loop.
Nyxel explores what that contract looks like when Astro owns routing and server composition, Svelte is the primary authoring language, and the page still has a visual editor. It is a serious working implementation and a hosted demo, but it is still my personal pre-release project — not production software.
One component contract from code to Canvas to storefront.
The repository includes the visual editor, a reference Astro theme, JSON templates, Shopify source bindings, framework adapters, and the tooling that checks the whole composition.
The local developer workflow and public demo are usable today. Onboarding, Nyxel Connect, and production release management are Partial; live merchant use is not supported.
What I can stand behind today — and what I can’t yet.
Built
- Typed sections and blocks across Svelte, Astro, and React
- JSON templates, theme settings, and Shopify source bindings
- Shadow DOM Canvas and real-route Preview
- Core product, collection, search, cart, and locale routes
Partial
- Hosted demo with isolated, temporary draft sessions
- Nyxel Connect project and release control plane
- Publish-ready package boundaries inside the monorepo
- Repository setup by cloning Nyxel directly
Planned
- Production hardening for real merchant traffic
- Provider-connected project creation and release automation
- Durable team collaboration and remote synchronization
- Liquid Bridge support for selected Shopify app blocks
Open the editor, then read how it works.
Add a section, select something in Canvas, open the real storefront Preview, and save an isolated draft. The demo does not publish to a merchant store.