Sorry, your browser does not support inline SVG.

Documentation

How to Start a Project

Import, code, or let AI build for you

There are three ways to build in Stellify: import an existing project, write code yourself, or let AI write code for you. Most projects use a combination of all three.

Starting a Project

Option 1: Import from GitHub

If you have an existing Laravel project, import it directly.

Select a repository to import
my-laravel-app
username/my-laravel-app

Stellify parses your controllers, models, routes, and Vue components into its structured format. Once imported, you can edit visually or with AI assistance.

Learn more about importing →

Option 2: Start Fresh

Create a new project and build from scratch. Stellify provides a blank Laravel + Vue setup ready for development.

  1. Click New Project
  2. Give it a name
  3. Start building

Writing Code

You can write code directly in the editor, just like any IDE.

The Code Editor

store public → JsonResponse
public function store(Request $request)
{
return User::create($request->validated());
}

Write PHP methods, add validation, create relationships—everything you'd do in a local IDE. Stellify provides:

  • Syntax highlighting
  • Autocomplete for variables, methods, and classes
  • Method settings for visibility, return types, and parameters

Learn more about the Code Editor →

The Interface Builder

Build UI visually instead of writing HTML.

Interface
Code
Welcome

Click elements to select them, edit properties in the sidebar, and wire button clicks to methods.

Learn more about Interface Builder →

AI-Assisted Development

The fastest way to build is with AI. Describe what you want, and AI writes the code.

Using the AI Chat

AI Assistant
You
Create a blog posts feature with CRUD operations
Claude
I'll create a Post model, PostController, and API routes for you...

AI understands your project context—existing models, routes, and patterns—and generates code that fits.

What AI Can Do

  • Create resources: Models, controllers, migrations, routes
  • Build UI: Pages, forms, dashboards with Tailwind styling
  • Add logic: Validation, relationships, business rules
  • Refactor: Improve existing code, extract methods, optimize queries

Example Prompts

"Create a user registration form with email and password validation" AI creates the route, controller method, validation rules, and Vue form component.

"Add a search method to UserController that filters by name or email" AI adds the method with proper query building and parameter handling.

"Build a dashboard page showing recent orders and total revenue" AI creates the page layout, data queries, and Vue components to display metrics.

Learn more about Working with AI →

Capabilities and the Framework

Stellify provides common functionality out of the box—but sometimes you need something that doesn't exist yet.

What Are Capabilities?

Capabilities are pre-built features powered by packages and integrations:

🔐 Authentication (Sanctum) Available
💳 Payments (Stripe) Needs Config
📧 Email (Mailgun) Enable
  • Available: Ready to use in your code
  • Needs Config: Requires API keys in Project Settings
  • Enable: Click to add to your project

When AI Needs a Missing Capability

Sometimes AI will need functionality that isn't available yet. When this happens:

⚠️
Capability Request Logged
This feature requires WebSocket support which isn't available yet. A request has been sent to Stellify.
Request ID: cap_2024_ws_001

What happens next:

  1. AI logs the request - Details about what's needed and why
  2. We review it - The Stellify team evaluates the request
  3. We build it - If needed, we add the capability to the framework
  4. You continue - Once available, AI (or you) can use it in your project

This feedback loop means the platform grows based on real needs. You're not waiting for a feature request to be prioritized—building in Stellify actively shapes what capabilities exist.

Capability vs. Business Logic

It's important to understand what's a capability vs. what's your code:

Capabilities (we provide):

  • Authentication systems (Sanctum, OAuth)
  • Payment processing (Stripe, Paddle)
  • File storage (S3, local)
  • Email delivery (Mailgun, SES)
  • Search (Meilisearch, Algolia)
  • WebSockets (Reverb)

Business logic (you write):

  • User registration flow
  • Checkout process
  • File upload handling
  • Email templates
  • Search queries
  • Real-time notifications

AI writes your business logic using available capabilities. If a capability is missing, it can't be built with code alone—it requires framework-level integration.

Typical Workflow

Here's how most projects come together:

1. Start with Structure

Create your models and relationships first. AI is great at scaffolding:

"Create a User model with posts and comments relationships"

2. Build the Backend

Add controllers and API routes:

"Create a PostController with index, store, show, update, and destroy methods"

3. Create the UI

Use the Interface Builder or ask AI:

"Build a posts list page with cards showing title, author, and date"

4. Wire It Together

Connect UI to backend:

"Add a form to create new posts that calls the store endpoint"

5. Test and Iterate

Preview your work, fix issues, add features:

"Add pagination to the posts list, 10 per page"

6. Export

When ready, push to GitHub or download as a standard Laravel project.

Next Steps

Next
Code Editor