# Docs

> Welcome to the Blockstudio documentation.

This file lists the pages under https://blockstudio.dev/docs/. The index of the whole site is https://blockstudio.dev/llms.txt.

## Start
- [Introduction](https://blockstudio.dev/docs.md): Welcome to the Blockstudio documentation.
- [Getting Started](https://blockstudio.dev/docs/general/getting-started.md): Set up your first Blockstudio project.
- [Settings](https://blockstudio.dev/docs/general/settings.md): Configure Blockstudio with blockstudio.json or filters.
- [Composer](https://blockstudio.dev/docs/dev/composer.md): Install Blockstudio using Composer.
- [Translations](https://blockstudio.dev/docs/general/translations.md): Use Blockstudio in your language and help translate it.

## Blocks
- [Registration](https://blockstudio.dev/docs/blocks/registration.md): Learn how to register custom blocks with Blockstudio.
- [Schema](https://blockstudio.dev/docs/blocks/schema.md): JSON Schema support for Blockstudio blocks.
- [Overrides](https://blockstudio.dev/docs/blocks/overrides.md): Override blocks on a granular level.
- [Twig](https://blockstudio.dev/docs/blocks/templating/twig.md): Use Twig templates for your Blockstudio blocks.
- [Blade](https://blockstudio.dev/docs/blocks/templating/blade.md): Use Laravel Blade templates for your Blockstudio blocks.
- [General (Blocks / Assets)](https://blockstudio.dev/docs/blocks/assets.md): Automatically enqueue and process CSS, SCSS, and JavaScript files for your blocks.
- [Registering Assets](https://blockstudio.dev/docs/blocks/assets/registering.md): Automatically enqueue CSS and JavaScript files for your blocks.
- [Processing Assets](https://blockstudio.dev/docs/blocks/assets/processing.md): Minification, SCSS compilation, and ES modules support.
- [Code Field Assets](https://blockstudio.dev/docs/blocks/assets/code-field.md): Dynamic asset blocks via the code field.
- [Registering Attributes](https://blockstudio.dev/docs/blocks/attributes/registering.md): Learn how to register custom attributes for your blocks.
- [Field Types](https://blockstudio.dev/docs/blocks/attributes/field-types.md): All available field types and their properties in Blockstudio.
- [Custom Field Types](https://blockstudio.dev/docs/blocks/attributes/custom-field-types.md): Register custom editor controls and structured attribute values.
- [Custom Fields](https://blockstudio.dev/docs/blocks/attributes/custom-fields.md): Reusable field definitions for Blockstudio blocks.
- [Block Field](https://blockstudio.dev/docs/blocks/attributes/block-field.md): Reference another block as a field, expanding its attributes inline.
- [Filtering Attributes](https://blockstudio.dev/docs/blocks/attributes/filtering.md): Filter and modify block attributes with PHP hooks.
- [Rendering Attributes](https://blockstudio.dev/docs/blocks/attributes/rendering.md): Access attribute values in your block templates.
- [Block Attributes](https://blockstudio.dev/docs/blocks/attributes/block-attributes.md): Access standard WordPress block attributes like alignment and typography.
- [HTML Utilities](https://blockstudio.dev/docs/blocks/attributes/html-utilities.md): Render attribute values as data attributes or CSS variables.
- [Storage](https://blockstudio.dev/docs/blocks/storage.md): Store field values in different locations like post meta or options.
- [Expanded Editor](https://blockstudio.dev/docs/blocks/attributes/expanded-editor.md): Edit Blockstudio fields in a wider drawer when the inspector sidebar is too narrow.
- [Conditional Logic](https://blockstudio.dev/docs/blocks/attributes/conditional-logic.md): Show or hide fields based on conditions.
- [Populating Options](https://blockstudio.dev/docs/blocks/attributes/populating-options.md): Dynamically populate field options from queries, functions, or external sources.
- [Disabling Attributes](https://blockstudio.dev/docs/blocks/attributes/disabling.md): Temporarily disable attributes while preserving their values.
- [General (Blocks / React Components)](https://blockstudio.dev/docs/blocks/react-components.md): Use React-powered editor components directly in your PHP, Twig, or Blade templates.
- [useBlockProps](https://blockstudio.dev/docs/blocks/react-components/useblockprops.md): Create markup parity between editor and frontend.
- [InnerBlocks](https://blockstudio.dev/docs/blocks/react-components/innerblocks.md): Allow nested blocks within your custom blocks.
- [RichText](https://blockstudio.dev/docs/blocks/react-components/richtext.md): Add editable text fields directly in your block templates.
- [MediaPlaceholder](https://blockstudio.dev/docs/blocks/react-components/mediaplaceholder.md): Add a media upload placeholder to your blocks.
- [Variations](https://blockstudio.dev/docs/blocks/variations.md): Create block variations with different default attribute values.
- [Transforms](https://blockstudio.dev/docs/blocks/transforms.md): Define ways to transform blocks into other blocks.
- [Preview](https://blockstudio.dev/docs/blocks/preview.md): Enable block previews in the block inserter.
- [Loading](https://blockstudio.dev/docs/blocks/loading.md): Control how blocks are loaded in the editor.
- [SEO](https://blockstudio.dev/docs/blocks/seo.md): How Blockstudio integrates with SEO plugins for real-time content analysis.
- [Environment](https://blockstudio.dev/docs/blocks/environment.md): Conditionally render content based on the rendering context.
- [Context](https://blockstudio.dev/docs/blocks/context.md): Access loop and post context data in your block templates.
- [Post Meta](https://blockstudio.dev/docs/blocks/post-meta.md): Access post meta data in your block templates.
- [Programmatic Rendering](https://blockstudio.dev/docs/blocks/rendering.md): Render Blockstudio blocks programmatically via PHP functions or HTML tags.
- [Components](https://blockstudio.dev/docs/blocks/components.md): Non-editor blocks for programmatic rendering.
- [UI Components](https://blockstudio.dev/docs/blocks/ui-components.md): The bundled bsui component library, the design system behind it, and how to theme it.
- [Islands](https://blockstudio.dev/docs/blocks/islands.md): Split blocks into cache-safe placeholders and client-rendered fragments.
- [Interactivity](https://blockstudio.dev/docs/blocks/interactivity.md): Use the WordPress Interactivity API in your blocks for reactive, client-side behavior.
- [Initialization](https://blockstudio.dev/docs/blocks/block-api/initialization.md): Execute code during WordPress initialization.
- [RPC](https://blockstudio.dev/docs/blocks/block-api/rpc.md): Call server-side PHP functions from the frontend with a lightweight RPC system inspired by tRPC.
- [Database](https://blockstudio.dev/docs/blocks/block-api/database.md): Define a data model for your block with automatic CRUD endpoints, validation, and multiple storage backends.
- [Cron](https://blockstudio.dev/docs/blocks/block-api/cron.md): Define scheduled background tasks per block using WordPress Cron.
- [PHP Hooks](https://blockstudio.dev/docs/blocks/hooks/php.md): PHP filters and actions available in Blockstudio.
- [JavaScript Hooks](https://blockstudio.dev/docs/blocks/hooks/javascript.md): JavaScript filters and actions available in Blockstudio.
- [Tailwind CSS](https://blockstudio.dev/docs/tailwind.md): Server-side Tailwind CSS compilation with automatic caching.
- [Extensions](https://blockstudio.dev/docs/extensions.md): Extend any registered block with custom attributes.

## Pages & Patterns
- [General (Pages & Patterns / File Templates)](https://blockstudio.dev/docs/pages-and-patterns.md): Create WordPress pages and block patterns from file templates with automatic block parsing.
- [Pages](https://blockstudio.dev/docs/pages-and-patterns/pages.md): Create WordPress pages from file templates with explicit, deployment-safe syncing.
- [Patterns](https://blockstudio.dev/docs/pages-and-patterns/patterns.md): Create WordPress block patterns from file templates.
- [Site Templates](https://blockstudio.dev/docs/pages-and-patterns/site-templates.md): Create WordPress Site Editor templates and template parts from Blockstudio files.
- [Hooks](https://blockstudio.dev/docs/pages-and-patterns/template-hooks.md): PHP filters and actions for pages, patterns, Site Templates, and the HTML parser.
- [Content Sync](https://blockstudio.dev/docs/content-sync.md): Add database content to Blockstudio's file-first workflow by projecting allowlisted WordPress records to portable files.

## Production
- [Performance](https://blockstudio.dev/docs/production/performance.md): Production frontend defaults, the built-in profiler, and the render techniques underneath.
- [Static Prerendering](https://blockstudio.dev/docs/production/static-prerendering.md): Serve anonymous pages as static HTML, optionally before WordPress boots.
- [Caching](https://blockstudio.dev/docs/production/caching.md): The one file-backed cache directory that owns every generated runtime artifact.
- [Media](https://blockstudio.dev/docs/production/media.md): Stable image dimensions, lazy loading, and the media metadata manifest.

## Dev
- [Code Snippets](https://blockstudio.dev/docs/code-snippets.md): Use Blockstudio's file-first approach for code snippets.
- [Admin](https://blockstudio.dev/docs/dev/admin.md): Inspect registered Blockstudio blocks, browse registries, and view database records from wp-admin.
- [Canvas](https://blockstudio.dev/docs/dev/canvas.md): A visual workspace and public inventory API for Blockstudio content.
- [Element Grabber](https://blockstudio.dev/docs/dev/grab.md): A built-in element inspector for identifying block template files on the frontend.
- [CLI](https://blockstudio.dev/docs/dev/cli.md): Manage Blockstudio blocks, pages, database, RPC, and cron from the command line via WP-CLI.
- [PHPStan](https://blockstudio.dev/docs/dev/phpstan.md): Static analysis for Blockstudio projects with type-safe templates, schema validation, and hook checking.
- [AI Integration](https://blockstudio.dev/docs/dev/ai.md): An addressable documentation index for coding agents, plus a generated contract for your own project.
- [Logical Discovery Sources](https://blockstudio.dev/docs/dev/discovery-sources.md): Supply composed file inventories to Blockstudio discovery and runtime caches.
- [WPML](https://blockstudio.dev/docs/dev/wpml.md): Generate the WPML language configuration that makes the text fields of Blockstudio blocks translatable.
- [Migrating to v7](https://blockstudio.dev/docs/dev/migration/v7.md): Breaking changes and migration steps for Blockstudio 7.

## Optional
- [Docs in one file](https://blockstudio.dev/docs/llms-full.txt): Markdown source of every page under /docs/, 652 KB, about 167,000 tokens
- [Site index](https://blockstudio.dev/llms.txt): Every page of Blockstudio