The architecture behind
AI-native development.
Stellify stores code as structured JSON in a database using a hierarchical structure: Directory → File → Method → Statement → Clause. Each element has a UUID and defined relationships, enabling AI to query and modify specific code without parsing text files.
Built on Laravel 12 for the backend and Vue 3 with Composition API for the frontend. The Stellify Framework provides 28 JavaScript modules with constrained APIs (5-7 methods each) designed for reliable AI code generation.
Three-layer architecture
Stellify separates concerns into three distinct layers: the underlying frameworks, the structured code storage, and your business logic. This separation is what makes AI development reliable.
Framework Layer
The foundation. Laravel, Vue, and first-party packages. Stored as traditional code files, version-controlled, and maintained by the respective communities.
Structured Storage
Your business logic stored as structured data. Methods, statements, elements, and routes in a database. AI operates on these structures directly.
Assembled Output
Standard code files generated from structured data. Export creates a complete Laravel project with all dependencies resolved and ready to deploy.
This separation means AI can make surgical edits to your business logic without touching framework code, and you can export at any time to a standard Laravel project.
Laravel 12
The PHP framework for web artisans
Stellify runs on Laravel, the most popular PHP framework. Your exported applications are standard Laravel projects that deploy anywhere Laravel runs.
Eloquent ORM
ActiveRecord implementation with relationships, scopes, accessors, and query builder. AI understands your data structure.
Migrations & Schema
Version-controlled database schema. AI generates migrations that match your models and relationships.
Routing
RESTful routes with middleware, route model binding, and API versioning. Web and API routes supported.
Validation
Built-in validation rules with custom messages. Form requests generated automatically from your models.
Blade Templates
Laravel's templating engine with components, slots, and directives. Server-side rendering when needed.
Artisan CLI
Command-line interface for common tasks. Run migrations, seed data, clear cache from your terminal.
Why Laravel? Expressive syntax that maps cleanly to structured representations. Strong conventions that guide AI. Massive ecosystem with 30M+ monthly installs. Battle-tested in production at scale.
Vue 3 + Stellify Framework
Reactive frontend with AI-optimized APIs
Vue 3 Composition API paired with Stellify Framework — a purpose-built JavaScript library with constrained APIs designed for reliable AI code generation.
Vue 3
- Composition API — Logic composition with ref(), reactive(), computed()
- Script setup — Simplified component syntax with automatic exports
- Single File Components — Template, script, and styles in one file
- Reactivity system — Fine-grained updates with dependency tracking
Stellify Framework
- 28 modules — Forms, tables, charts, maps, auth, and more
- Constrained APIs — 5-7 methods per module, one way to do each task
- Chainable methods — Predictable patterns AI can generate reliably
- Framework agnostic — Works with Vue, React, or vanilla JS
Stellify Framework Modules
28 modules covering common frontend needs. Each module has a small, consistent API surface that AI can use reliably. Import from stellify-framework.
Data & Forms
- Form — validation, submit, CRUD
- Table — sorting, filtering, pagination
- List — array operations, mapping
- Tree — hierarchical data
Network
- Http — GET, POST, PUT, DELETE
- Socket — WebSocket connections
- Auth — login, logout, tokens
- Stream — SSE, streaming responses
Graphics & Visualization
- Svg — SVG generation
- Graph — charts, data visualization
- Scale — data scaling, normalization
- Axis — chart axes
- Motion — animations, transitions
- Canvas — 2D drawing
Platform APIs
- Router — client-side routing
- Storage — localStorage, sessionStorage
- Events — event emitter
- Clipboard — copy/paste
- Notify — notifications, toasts
- Geo — geolocation
- Media — camera, microphone
- DB — IndexedDB wrapper
- Worker — Web Workers
AI & Language
- Speech — text-to-speech, recognition
- Chat — chat interfaces
- Embed — embeddings, vectors
- Diff — text diffing
Utilities
- Time — date/time formatting
Included packages
First-party Laravel packages pre-installed and ready to use. AI knows which packages are available and can leverage their features in your application.
Laravel Sanctum
laravel/sanctum
Lightweight API authentication. Token-based auth for SPAs and mobile apps. Cookie-based session auth for first-party frontends.
Laravel Cashier
laravel/cashier
Stripe subscription billing made simple. Handle subscriptions, invoices, coupons, and subscription quantity changes.
Laravel Reverb
laravel/reverb
First-party WebSocket server for Laravel. Real-time broadcasting with Laravel Echo. Scales horizontally.
Laravel Socialite
laravel/socialite
OAuth authentication with social providers. Sign in with Google, GitHub, Facebook, Twitter, and more.
Laravel Scout
laravel/scout
Full-text search for Eloquent models. Integrates with Meilisearch, Algolia, or database drivers.
Laravel Vapor
laravel/vapor-core
Serverless deployment on AWS Lambda. Auto-scaling, pay-per-use pricing. Zero server management.
Also included: Prism PHP for AI integration, CommonMark for Markdown parsing, Ziggy for route generation in JavaScript, and PHP parsers for code analysis. AI checks package availability before using them.
Framework code vs. business logic
The key architectural decision: framework code (Laravel, Vue, packages) is stored as traditional files. Your business logic is stored as structured data in the database. This separation enables reliable AI development and clean exports.
Framework Code (Files)
- -> Laravel framework, Eloquent, routing engine
- -> Vue runtime, reactivity system
- -> Stellify Framework modules
- -> First-party packages (Sanctum, Cashier, etc.)
- -> Configuration files, environment
Business Logic (Database)
- -> Your models, controllers, services
- -> Methods, statements, clauses
- -> Vue components, templates
- -> Routes, middleware assignments
- -> UI elements, event handlers
Why this matters
AI operates on structured data, not text files. It can make surgical edits to a single method without parsing entire files. Impossible to generate syntax errors.
When you export, the assembler combines framework files with generated business logic. Standard Laravel project structure, ready to deploy anywhere.
Framework updates don't touch your business logic. Your code stays in the database while Laravel and packages update independently.
How export works
Export assembles your business logic into standard Laravel files, then packages everything with framework code and dependencies. The result is a complete, deployable Laravel application.
Query files, methods, statements, elements from database. Build dependency graph.
Generate .php and .vue files from structured components. Resolve namespaces and imports.
Create routes/web.php and routes/api.php from route definitions with middleware.
Bundle with composer.json, package.json, configs. Ready for Laravel Cloud, Forge, or any host.
No lock-in. The exported code is standard Laravel. You can open it in any IDE, version control with Git, deploy anywhere PHP runs. Stellify is a development tool, not a runtime dependency.
Technical FAQ
Common questions about Stellify's architecture and how code-as-data works.
What is code-as-data architecture?
Code-as-data architecture stores source code as structured database records (files, methods, statements, clauses) with UUIDs and relationships, rather than plain text files. Each code element is a queryable record that AI can read and modify directly, without parsing text or generating diffs. This enables surgical edits—change a single clause without touching surrounding code.
How does Stellify store code in a database?
Stellify uses a hierarchical structure: Directory → File → Method → Statement → Clause. Each level has its own database table with UUIDs linking relationships. A PHP method becomes a record with parameters as child clauses, body statements as children, and the parent file as a foreign key. This structure is queryable—find all methods using a specific class, or all files importing a package.
What happens when I export from Stellify?
The assembler reads your structured data from the database, resolves dependencies between files, and generates standard Laravel PHP files and Vue components. It works like a JavaScript bundler resolving node_modules—but for your entire application. The output is a complete Laravel project with composer.json, package.json, routes, controllers, models, and frontend components ready to deploy.
Why does Stellify use Laravel and Vue specifically?
Laravel's expressive syntax maps cleanly to structured representations—Eloquent relationships, route definitions, and validation rules are inherently structured. Vue's Composition API with explicit reactivity (ref, computed) translates directly to statement-level code storage. Both frameworks have strong conventions that constrain AI to generate consistent, idiomatic code.
What is the Stellify Framework?
Stellify Framework is a purpose-built JavaScript library with 28 modules (Form, Http, Table, Graph, Auth, etc.) featuring constrained APIs of 5-7 methods per module. This design gives AI one correct way to accomplish each task—Form.create().validate().store() for forms, Http.get() for requests—eliminating ambiguity that causes hallucinations in traditional code generation.
What Laravel packages are included in Stellify?
Stellify includes first-party Laravel packages: Sanctum (API authentication), Cashier (Stripe billing), Reverb (WebSockets), Socialite (OAuth), Scout (search), and Vapor (serverless deployment). AI knows which packages are available and their APIs, enabling it to use authentication, payments, real-time features, and search without additional configuration.
How does the three-layer architecture work?
Layer 1 (Framework): Laravel, Vue, and packages stored as traditional files in vendor/ and node_modules/. Layer 2 (Structured Storage): Your business logic stored as database records—methods, statements, elements, routes. Layer 3 (Assembled Output): Standard code files generated from structured data during export. AI operates only on Layer 2, leaving framework code untouched.
Can I use my existing Laravel knowledge with Stellify?
Yes. Stellify generates standard Laravel code—Eloquent models, controllers, migrations, validation, routing. If you know Laravel, you can read and understand everything Stellify creates. The structured storage is an internal representation; the output is conventional Laravel code with PSR-4 autoloading, standard directory structure, and idiomatic patterns.
Ready to build on solid foundations?
Laravel + Vue + Stellify Framework. Battle-tested foundations, structured for AI. Start building production-ready applications today.
No credit card required