An AI-assisted, human-directed Wix + Astro template.
Built by prompting with intent, then refining the output into something actually usable.
This project was created using Wix Vibe, but not by clicking buttons and calling it a day.
The real work here was:
- Designing clear, structured prompts to control architecture
- Iterating until the stack made sense (Astro + React + TS + Tailwind)
- Pushing the AI away from generic boilerplate toward a real, scalable setup
- Reviewing, understanding, and adjusting the generated structure
Think of this repo as:
Prompt engineering + system design, with AI doing the heavy lifting where it should.
Most templates are either:
- Hand-written but rigid
- Or AI-generated and messy
Wixstro sits in the middle:
- AI-generated with constraints
- Opinionated stack choices
- Clean separation of concerns
- Ready to be extended, not just copied
- Astro – performance + SSR flexibility
- React – interactivity where it actually matters
- TypeScript – because guessing types is pain
- Tailwind CSS – fast styling, zero bloat
- Radix UI – accessible, unstyled primitives
- Zustand – simple state, no Redux drama
- React Hook Form + Zod – sane forms
- Vitest – testing without suffering
- Cloudflare – fast deploys
None of these were accidental picks.
- Provides a modern Wix + Astro base
- Includes authentication + CMS wiring
- Ships with reusable UI components
- Has routing, state management, linting, and testing ready
This is a foundation, not a finished product.
The project was shaped by prompts that focused on:
- File structure clarity
- Separation between UI, logic, and integrations
- Avoiding over-engineering
- Keeping everything extensible for future features
The output wasn’t accepted blindly — it was curated.
src/
├── components/ # UI + layout components
├── hooks/ # Custom React hooks
├── lib/ # Utilities and helpers
├── pages/ # Astro pages
├── styles/ # Global styles
integrations/ # Wix CMS & members
eslint-rules/ # Custom lint rules