docbox docbox
  • About Mateu
  • Java
  • Kotlin
  • C#
  • Python
  • Design systems
  • Native
  • AI
GitHub repo
to navigate to select ESC to close
  • Create your project

    • Prerequisites
    • Springboot MVC
    • Springboot Webflux
    • Micronaut
    • Quarkus
    • Helidon MP
  • Java

    • Getting started
    • Your first Mateu app with Spring Boot
    • Build a real CRUD with relationships
    • Apps and pages
    • Compose a shell with multiple services
    • Declarative vs fluent
    • State, actions and fields
    • UI model in Mateu
    • Field stereotypes
    • Examples
    • Foreign keys and options
    • Interaction model in Mateu
    • Application shell in Mateu
    • Best practices
    • Layout and composition
    • Triggers and events
    • Microservices example
    • Navigation model in Mateu
    • Validation
    • Advanced
    • Navigation and menus
    • Rules
    • A real CRUD example
    • Action behavior
    • Routing and parameters
    • Breadcrumbs
    • UI effects (messages and commands)
    • End-to-end example
    • CRUD patterns
    • Working with domain models
    • Build a real app
  • Components

    • Overview
    • Layouts
    • Forms
    • Grids
    • Actions
    • The component tree
    • Supported components
    • Client-side logic
  • Java
  • Java
  • Build a real app

On This Page
  1. Build a real app
    1. Steps
    2. What you get
    3. Key idea
    4. Mental model

Build a real app

This is the reference implementation for building a backoffice with Mateu.


Steps

  1. Define domain
  2. Create query services
  3. Create use cases
  4. Build ViewModels
  5. Create CRUD adapters
  6. Expose with orchestrators
  7. Add navigation
  8. Add UI feedback

What you get

  • full UI
  • navigation
  • validation
  • CRUD flows
  • relationships
  • browser interaction

Key idea

You are not building:

  • backend + frontend

You are building:

one model → full app


Mental model

  • model → everything
  • Mateu → rendering + wiring

Table of Contents

  1. Build a real app
    1. Steps
    2. What you get
    3. Key idea
    4. Mental model