Tutorials

Step-by-step guides for Jinja2 migration, framework integration, and common Kida workflows

2 min read 354 words

Start with the framework you already use, or follow a migration and workflow guide below. Every framework quickstart targets Python 3.14+ and reaches a typed component plus fragment response in about ten minutes.

Flask Integration
10 minutes
Add a typed component to Flask

Build a form and a named fragment route through Kida's Flask adapter.

Django Integration
10 minutes
Add a typed component to Django

Configure Kida as a backend, then render a full form and a named fragment.

FastAPI & Starlette Integration
10 minutes
Add a typed component to FastAPI

Build a form and fragment endpoint, with Starlette and streaming patterns.

App-Owned Local Components
Compose typed controls and product patterns with ordinary CSS

Build a server-rendered search surface with scoped slots, static validation, accessible state, and no component-library runtime.

Migrate from Jinja2
Popular
Switch from Jinja2 to Kida

Step-by-step migration with before/after examples, API mapping table, and verification steps.

Upgrade to 0.7
0.7
Migrate to strict-by-default and null-safe idioms

Three fix patterns for the strict_undefined flip, the escape hatch, and the new?. / | getoperators.

Refactor-Safe Templates
0.8
Move folders without breaking includes

Use./ / ../ for co-located partials and @alias/for shared libraries so folder moves become zero-edit refactors.

Build Custom Filters
Create your own template filters

Build custom filters from scratch with examples for common use cases.

Agent Integration
Wire AI agents to Kida via AMP

Configure Claude, Copilot, or Cursor to produce structured reviews rendered as PR comments.

Terminal Rendering
Build rich terminal output with colors, components, and live updates

Render templates to the terminal with ANSI colors, LiveRenderer animation, and static_context optimization.