---
title: "Academy Area"
canonical_url: "https://academy.laioutr.com/en/bereiche/for-developers"
locale: en
meta:
  "og:title": "Academy Area"
---

[Go to home](https://academy.laioutr.com/en)

- [For developers](https://academy.laioutr.com/en/bereiche/for-developers)

# For developers

**For developers** gives frontend and full-stack developers an introduction to Laioutr: local development environment, the Laioutr CLI, the first custom app, custom Sections and Blocks, Orchestr with entities, queries and actions, content collections in code, and performance and technical SEO.

The Academy explains workflows and concepts with videos. Technical details, API references and code examples live in the developer documentation at **docs.laioutr.com**. Every article here points to the matching docs page.

## [Developer start](https://academy.laioutr.com/en/leitfaeden/developer-start)

7 articles

This guide is the developer entry point: local development environment, the Laioutr CLI, the first custom app, custom Sections and Blocks, Orchestr with entities, queries and actions, content collections in code, and performance and technical SEO. Technical details live on docs.laioutr.com. The guide is written for frontend and full-stack developers.

- [Set up a local development environment](https://academy.laioutr.com/en/artikel/set-up-a-local-development-environment)15 min
- [The Laioutr CLI: commands and authentication](https://academy.laioutr.com/en/artikel/laioutr-cli-commands-and-authentication)6 min
- [Build and release a first custom app](https://academy.laioutr.com/en/artikel/build-and-release-a-first-custom-app)20 min
- [Define custom Sections and Blocks for Studio](https://academy.laioutr.com/en/artikel/define-custom-sections-and-blocks-for-studio)15 min
- [Orchestr: entities, queries, actions and resolvers](https://academy.laioutr.com/en/artikel/orchestr-entities-queries-actions-and-resolvers)8 min
- [Declare content collections in code](https://academy.laioutr.com/en/artikel/declare-content-collections-in-code)15 min
- [Performance and technical SEO in code](https://academy.laioutr.com/en/artikel/performance-and-technical-seo-in-code)10 min

## [Platform and APIs](https://academy.laioutr.com/en/leitfaeden/platform-and-apis)

2 articles

This guide shows the platform interfaces and libraries: Delivery, Management and Assets API, Design System 1.0, the UI kit as open source with Storybook, Laioutr UI outside the platform, translations for apps and system texts, and the move to Nuxt 4. Details live on docs.laioutr.com.

- [Delivery API, Management API and Assets API](https://academy.laioutr.com/en/artikel/delivery-management-and-assets-api)8 min
- [Design System 1.0: tokens, colour scales and themes](https://academy.laioutr.com/en/artikel/design-system-1-0-tokens-colour-scales-and-themes)7 min In preparation

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "en",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "translationOfWork": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/bereiche/for-developers#webpage",
      "@type": "WebPage",
      "name": "Academy Area",
      "url": "https://academy.laioutr.com/en/bereiche/for-developers",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/bereiche/for-developers#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/bereiche/for-developers"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/bereiche/for-developers#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "For developers",
          "item": "https://academy.laioutr.com/en/bereiche/for-developers",
          "position": 2
        }
      ]
    }
  ]
}
```