# Tasty Docs

Use this page when you know what you want to do, but not which document to open next.

## Start Here

- **New to Tasty**: [Getting Started](getting-started.md) for installation, the first component, optional shared `configure()`, ESLint, editor tooling, and rendering mode selection.
- **Learning the component model**: [Methodology](methodology.md) for root + sub-elements, `styleProps`, tokens, extension, and recommended boundaries between `styles`, `style`, and wrappers.
- **Evaluating fit**: [Comparison](comparison.md) for tool-selection context, then [Adoption Guide](adoption.md) for rollout strategy inside a design system.

## By Role

- **Application developer using an existing design system**: [Getting Started](getting-started.md), then [Runtime API](runtime.md).
- **Design-system author**: [Methodology](methodology.md), [Building a Design System](design-system.md), [Configuration](configuration.md), and [Adoption Guide](adoption.md).
- **Platform or tooling engineer**: [Configuration](configuration.md), [Zero Runtime (tastyStatic)](tasty-static.md), [Server-Side Rendering](ssr.md), and [Debug Utilities](debug.md).

## By Rendering Mode

- **Runtime React components**: [Runtime API](runtime.md)
- **Zero-runtime / build-time extraction**: [Zero Runtime (tastyStatic)](tasty-static.md)
- **SSR with runtime `tasty()`**: [Server-Side Rendering](ssr.md)

## By Task

- **Learn the style language**: [Style DSL](dsl.md)
- **Look up a property handler**: [Style Properties](styles.md)
- **Define tokens, units, recipes, keyframes, or properties globally**: [Configuration](configuration.md)
- **Debug generated CSS or cache behavior**: [Debug Utilities](debug.md)
- **Understand how selector generation works internally**: [Style rendering pipeline](PIPELINE.md)
- **Understand runtime injection internals**: [Style Injector](injector.md)
