Development
This section covers everything you need to know to work on the Sutomo codebase, organized by area.
Core
Project-wide fundamentals that apply to all areas of development. These pages cover environment setup, directory layout, coding standards, and testing practices — everything you need before writing your first line of application code.
| Page | Description |
|---|---|
| Setup & Installation | Local dev environment setup |
| Project Structure | Directory layout and conventions |
| Conventions | Coding standards and patterns |
| Testing | How to run and write tests |
Backend
Laravel PHP — data layer, business logic, and API. This area covers the database migration system, seeding strategies, model factories, Eloquent model conventions, and the service layer that orchestrates business logic.
| Page | Description |
|---|---|
| Migrations | Database migration system and rules |
| Seeders | Database seeding strategies and patterns |
| Factories | Model factories for testing and development |
| Models | Eloquent model structure and traits |
| Services | Service layer architecture |
Frontend
Svelte + TypeScript — UI components, state management, and modules. These pages explain the frontend module structure, the standard state container pattern used by all stores, and the setup wizard tutorial that ties everything together.
| Page | Description |
|---|---|
| State Container Pattern | Standard state management pattern |
| Modules | Frontend module structure |
| Setup Wizard Tutorial | First-run wizard architecture and flow |
Filament
Admin panel — custom components, resources, and pages. This area documents how to build form inputs, schema components, and other Filament extensions that follow the project's custom component conventions.
| Page | Description |
|---|---|
| Filament Components | Custom form and schema components |
Together, these four areas form the complete development stack. Start with Core to understand the fundamentals, then explore the area relevant to your current task.