# Saasio Docs

> Comprehensive documentation for Saasio, the all-in-one platform for building, deploying, and managing SaaS applications with ease.

## Docs

- [Adding & Managing Elements](https://docs.saasio.io/editor-essentials/adding-elements.md): Learn how to build your UI by adding elements from the Elements palette, using UI Libraries, and organizing them with the Layers panel.
- [Displaying Dynamic Data (Data Binding)](https://docs.saasio.io/editor-essentials/displaying-dynamic-data.md): Learn the magic of data binding. This guide explains how to connect your UI elements to your data sources like state variables, repeating groups, and the current user.
- [Pages & API Routes](https://docs.saasio.io/editor-essentials/pageAndApiRoutes.md): Learn how to create the fundamental structure of your Saasio application by adding pages for your user interface and API routes for your backend logic.
- [Creating Reusable Components](https://docs.saasio.io/editor-essentials/reusable-components.md): Learn how to build your own reusable UI components with props and local state, allowing you to create a scalable and maintainable design system for your application.
- [Working with State & Conditions](https://docs.saasio.io/editor-essentials/state-and-conditions.md): Learn how to make your application interactive by storing data in State variables and using Conditions to dynamically change your UI.
- [Essential Style Shortcuts](https://docs.saasio.io/editor-essentials/style-shortcuts.md): Boost your design speed with Saasio's intuitive style shortcuts. Learn how to apply common CSS properties like width, height, margin, and Flexbox layouts with a few keystrokes.
- [Styling & Responsive Design](https://docs.saasio.io/editor-essentials/styling-and-responsive-design.md): Learn how to use the Properties Panel to style your elements and create a fully responsive design that looks great on desktop, tablet, and mobile devices.
- [Transforming Dynamic Data with Operations](https://docs.saasio.io/editor-essentials/transforming-data.md): A detailed guide to using Operations. Learn how to format, calculate, filter, and manipulate any data source before it's displayed in your UI.
- [Container Element](https://docs.saasio.io/elements/container.md): Learn how to use the Container element to group, lay out, and style other elements for building structured and responsive designs.
- [Repeating Group Element](https://docs.saasio.io/elements/repeating-group.md): Learn how to dynamically render a list or grid of elements by iterating over an array of data with the Repeating Group.
- [Sidebar Element](https://docs.saasio.io/elements/sidebar.md): Learn how to create a responsive, collapsible navigation sidebar with custom headers, footers, and a flexible content structure.
- [Table Element: Displaying Your Data in Rows and Columns](https://docs.saasio.io/elements/table.md): Learn how to use the Table element in Saasio to organize and display data in a structured and customizable format.
- [Text Element: Headings and Paragraphs](https://docs.saasio.io/elements/text.md): Learn how to display static and dynamic text content using the Text element, including paragraphs and headings (H1, H2, etc.).
- [Introduction](https://docs.saasio.io/index.md): Welcome to Saasio Docs – the no-code platform for building, launching, and scaling SaaS with AI-powered speed.
- [Full Action Reference](https://docs.saasio.io/logic/action-reference.md): A complete reference guide to all available actions in Saasio's workflow editor, including their execution context.
- [Introduction to Workflows](https://docs.saasio.io/logic/introduction-to-workflows.md): Learn the fundamentals of Saasio's Logic system. Understand how to use triggers and actions to create powerful, interactive workflows for your application.
- [Connecting to External APIs](https://docs.saasio.io/managing-data/api-calls.md): Learn how to use the API Calls tab to configure and manage connections to any external or third-party API, from OpenAI to Stripe.
- [Creating and Using Functions](https://docs.saasio.io/managing-data/creating-functions.md): Learn how to create reusable workflows with Functions. Define a sequence of actions once and trigger it from anywhere in your application, on either the client or server.
- [Creating Data Tables](https://docs.saasio.io/managing-data/data-tables.md): Learn how to define the core data structure of your application using Data Tables. This is the foundation for storing and managing all your app's information.
- [Using Environment Variables](https://docs.saasio.io/managing-data/environment-variables.md): Learn how to securely manage API keys and secret tokens for both the AI SDK (automatic) and custom API Calls (manual).
- [Using Option Sets](https://docs.saasio.io/managing-data/option-sets.md): Learn how to create and manage reusable lists of choices with Option Sets to ensure data consistency in dropdowns and Data Tables.
- [Injecting Custom Scripts](https://docs.saasio.io/managing-data/scripts.md): Learn how to use the Scripts tab to inject third-party JavaScript snippets for analytics, live chat widgets, and other services.
- [Creating Zod Schemas](https://docs.saasio.io/managing-data/zod-schema.md): Learn how to use [Zod](https://zod.dev/) Schemas to define the structure and validation rules for your application's data, ensuring consistency across forms, workflows, and AI tools.
- [Quickstart](https://docs.saasio.io/quickstart.md): Your 5-minute guide to signing up, logging in, and creating your first SaaS project in Saasio.
- [Best Practices for Building Secure SaaS Apps](https://docs.saasio.io/tutorials/building-secure-apps.md): Learn the essential principles and best practices for building a secure and trustworthy SaaS application on the Saasio platform.
- [Tutorial: Creating a Form with Validation](https://docs.saasio.io/tutorials/creating-a-validated-form.md): A step-by-step guide to building a contact form that uses a Zod Schema for real-time validation and provides clear feedback to the user.
- [Tutorial: Creating a Tabbed Layout](https://docs.saasio.io/tutorials/creating-tabbed-layouts.md): Learn how to build a dynamic tabbed interface. This guide covers using local state to track the active tab and Conditions to show and hide content panels.
- [Tutorial: Creating, Updating, and Deleting Data (CRUD)](https://docs.saasio.io/tutorials/crud-operations.md): Learn how to build a complete data management system. This guide covers the essential C.R.U.D. (Create, Read, Update, Delete) operations for your database.
- [Tutorial: Displaying a Dynamic List of Data](https://docs.saasio.io/tutorials/displaying-dynamic-lists.md): Learn how to fetch a list of records from your database and display it on your page using a Repeating Group, including loading and empty states.
- [Tutorial: Displaying Single Record Details](https://docs.saasio.io/tutorials/displaying-single-record-details.md): Learn how to build a dynamic detail page. Pass an ID via URL parameters to fetch and display a single, specific record from your database.
- [Tutorial: Implementing Pagination on a List](https://docs.saasio.io/tutorials/implementing-pagination.md): Learn how to add pagination to your dynamic lists to improve performance and user experience. This guide covers managing page state, offset/limit data fetching, and disabling buttons.
- [Tutorial: Displaying Real-Time API Data](https://docs.saasio.io/tutorials/real-time-api-data.md): A step-by-step guide to fetching, streaming, and displaying data from a public API in real-time, complete with loading states and error handling.
- [Tutorial: Sending Transactional Emails](https://docs.saasio.io/tutorials/sending-transactional-emails.md): Learn how to send automated emails to your users. This guide covers creating a dynamic email template and triggering it from a secure, server-side Function.
- [Tutorial: Processing Payments with Stripe](https://docs.saasio.io/tutorials/stripe-payments.md): A complete, end-to-end guide to integrating Stripe for payments. Learn to create a checkout session, handle redirects, and securely process webhook events.
- [Tutorial: Setting Up User Authentication](https://docs.saasio.io/tutorials/user-authentication.md): A complete guide to implementing user sign-up, login, and page protection. Learn to use the Account Actions to build a secure authentication flow for your application.
- [Tutorial: User Roles and Permissions](https://docs.saasio.io/tutorials/user-roles-and-permissions.md): Learn how to implement a role-based permission system. This guide covers adding an 'admin' role to your users and creating a protected admin-only section.
- [Exploring the Visual Editor](https://docs.saasio.io/visual-editor.md): A detailed tour of the Saasio Visual Editor. Learn about the canvas, panels, and the primary tools you'll use to build your SaaS application.