> For the complete documentation index, see [llms.txt](https://docs.klai.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.klai.studio/getting-started.md).

# Getting Started

- [Welcome to Klai Studio!](https://docs.klai.studio/getting-started/welcome-to-fm-betterforms.md)
- [Overview](https://docs.klai.studio/getting-started/system-overview.md): Klai Studio was purpose built to allow FileMaker developers access to a full powerful web technology stack.
- [Your First App](https://docs.klai.studio/getting-started/ide-quick-tour.md)
- [1. Setting Up Your Foundation](https://docs.klai.studio/getting-started/ide-quick-tour/setup.md)
- [1.1 Configure FileMaker Server](https://docs.klai.studio/getting-started/ide-quick-tour/setup/configure-fm-server.md)
- [1.2 Install BetterForms Helper File](https://docs.klai.studio/getting-started/ide-quick-tour/setup/install-bf-helper-file.md)
- [1.3 Add Your Server to BetterForms (IDE)](https://docs.klai.studio/getting-started/ide-quick-tour/setup/add-server-to-bf.md)
- [2. Building Your First Application](https://docs.klai.studio/getting-started/ide-quick-tour/first-app.md)
- [2.1 Create an App (Site) in the IDE](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/create-app.md)
- [2.2 Create Your First Page (Intro to Page Builder)](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/create-page.md)
- [2.3 Understanding & Managing Environments (IDE)](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/environments.md)
- [2.4 Adding Elements to Your Page](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/adding-elements.md)
- [2.5 Understanding Validation](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/understanding-validation.md)
- [2.6 Adding Actions to Your Page](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/adding-actions-to-your-page.md)
- [2.7 Creating Your First List View](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/creating-your-first-list-view.md)
- [2.8 Understanding Page Data Flow](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/page-data-flow.md)
- [2.9 Creating Your First Hook](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/creating-your-first-hook.md)
- [2.10 Working with Data Tables](https://docs.klai.studio/getting-started/ide-quick-tour/first-app/working-with-data-tables.md)
- [3. Understanding Core BetterForms Concepts](https://docs.klai.studio/getting-started/ide-quick-tour/3.-understanding-core-betterforms-concepts.md)
- [3.1 Introduction to Hooks (and where to find them in the IDE)](https://docs.klai.studio/getting-started/ide-quick-tour/3.-understanding-core-betterforms-concepts/3.1-introduction-to-hooks-and-where-to-find-them-in-the-ide.md)
- [3.2 Running Your First Hook (Practical Example)](https://docs.klai.studio/getting-started/ide-quick-tour/3.-understanding-core-betterforms-concepts/3.2-running-your-first-hook-practical-example.md)
- [3.3 Introduction to Actions & Action Scripts (IDE Context)](https://docs.klai.studio/getting-started/ide-quick-tour/3.-understanding-core-betterforms-concepts/3.3-introduction-to-actions-and-action-scripts-ide-context.md)
- [3.4 Understanding the Data Model (and Page Data Model UI)](https://docs.klai.studio/getting-started/ide-quick-tour/3.-understanding-core-betterforms-concepts/3.4-understanding-the-data-model-and-page-data-model-ui.md)
- [4. Common Customizations & Expanding Your App](https://docs.klai.studio/getting-started/ide-quick-tour/4.-common-customizations-and-expanding-your-app.md)
- [4.1 Adding & Configuring Buttons (Page Builder)](https://docs.klai.studio/getting-started/ide-quick-tour/4.-common-customizations-and-expanding-your-app/4.1-adding-and-configuring-buttons-page-builder.md)
- [4.2 Implementing Page Navigation (Actions & Site Navigation UI)](https://docs.klai.studio/getting-started/ide-quick-tour/4.-common-customizations-and-expanding-your-app/4.2-implementing-page-navigation-actions-and-site-navigation-ui.md)
- [4.3 Displaying Data in Tables (Page Builder & Element Config)](https://docs.klai.studio/getting-started/ide-quick-tour/4.-common-customizations-and-expanding-your-app/4.3-displaying-data-in-tables-page-builder-and-element-config.md)
- [4.4 Basic App Styling (Site Styling UI)](https://docs.klai.studio/getting-started/ide-quick-tour/4.-common-customizations-and-expanding-your-app/4.4-basic-app-styling-site-styling-ui.md)
- [5. Mastering the BetterForms Environment & Advancing Your Skills](https://docs.klai.studio/getting-started/ide-quick-tour/environment.md)
- [5.1 Understanding & Managing Environments (In-Depth)](https://docs.klai.studio/getting-started/ide-quick-tour/environment/managing-environments-deep-dive.md)
- [5.2 Deep Dive: Page Configuration & Settings](https://docs.klai.studio/getting-started/ide-quick-tour/environment/pages-deep-dive.md)
- [Navigating the Page Builder Interface](https://docs.klai.studio/getting-started/ide-quick-tour/environment/pages-deep-dive/page-builder-ui.md)
- [Working with Page-Level Action Scripts](https://docs.klai.studio/getting-started/ide-quick-tour/environment/pages-deep-dive/page-action-scripts.md)
- [Configuring the Page Data Model](https://docs.klai.studio/getting-started/ide-quick-tour/environment/pages-deep-dive/page-data-model-config.md)
- [Page Integration Settings Explained](https://docs.klai.studio/getting-started/ide-quick-tour/environment/pages-deep-dive/page-integration-settings.md)
- [Managing Page Info & Other Settings](https://docs.klai.studio/getting-started/ide-quick-tour/environment/pages-deep-dive/page-info-misc.md)
- [5.3 Working with Global Scripts](https://docs.klai.studio/getting-started/ide-quick-tour/environment/global-scripts.md)
- [5.4 Managing App (Site) Settings & Navigation](https://docs.klai.studio/getting-started/ide-quick-tour/environment/app-settings-navigation.md)
- [5.5 Exploring Further: What to Learn Next](https://docs.klai.studio/getting-started/ide-quick-tour/environment/next-steps.md): You've got the basics down! Now it's time to start building out your app
- [Support & Resources](https://docs.klai.studio/getting-started/support-and-resources.md)
- [Getting Help](https://docs.klai.studio/getting-started/support-and-resources/support.md)
- [Learning JSON](https://docs.klai.studio/getting-started/support-and-resources/learning-json.md)