illacloud · Wangtaofeng · Oct 30, 2023 · Oct 30, 2023 · Oct 30, 2023 · Oct 30, 2023
diff --git a/docs/about-illa.mdx b/docs/about-illa.mdx
@@ -0,0 +1,36 @@
+---
+slug: /
+title: About ILLA
+description: ILLA is an open-source low-code platform for developers to build and deploy internal tools remarkably fast.
+crowdinRepo: https://crowdin.com/multilingual/illacloud-website/151?languages=en&filter=basic&value=0
+categoryName: 👋 Introduction
+categoryPriority: 1
+postPriority: 1
+---
+
+# About ILLA
+
+ILLA enables you to build and deploy internal apps quickly. Connect to your databases and APIs, assemble UIs with drag-and-drop building blocks like tables and forms, and write queries to interact with data using SQL and JavaScript.
+
+### What is ILLA?
+
+ILLA is an open-source low-code platform for developers to build and deploy internal tools remarkably fast.
+
+<img
+  src='https://cdn.illacloud.com/official-website/img/docs/introduction/about-illa-cloud.png'
+  alt=""
+/>
+
+With ILLA, you can easily connect to various data sources such as databases, API/GraphQL endpoints, SaaS tools, and cloud storage services. These include popular options like PostgreSQL, MongoDB, MySQL, Stripe, Google Sheets, and AWS S3. Once connected, ILLA can run queries to fetch and update data from these sources. The user interface (UI) provides convenient components for visualizing and modifying the data, such as tables, charts, and forms.
+
+
+With ILLA, you can quickly and easily build a user interface (UI) using pre-built widgets that you can drag and drop onto a grid-style canvas. This simplifies the integration of the front-end and back-end of your application and optimizes the building process. Additionally, ILLA supports JavaScript inside widgets, queries, and other components, allowing you to add logic, transform data, and define complex workflows. This makes it easy to customize your application to your specific needs.
+
+### Get Start
+
+To try ILLA, the most convenient way is to sign up and log in to [ILLA Cloud](https://cloud.illacloud.com/). 
+To expedite the review process, we invite you to join our [Discord Community](https://discord.gg/illacloud), where you can obtain an invitation code faster.
+
+### Community
+
+To receive more timely support while using ILLA, consider joining our [Discord Community](https://discord.gg/illacloud). This will allow you to get support directly from the community, which can help you resolve any issues more quickly. 
diff --git a/docs/ai-agent.mdx b/docs/ai-agent.mdx
@@ -51,7 +51,7 @@ Fast try: https://illa.ai/ai-agent/ILAfx4p1C7ek/detail
     position: "relative",
     paddingBottom: "calc(56.81216931216932% + 41px)", 
     height: 0
-    }}><iframe src="https://demo.arcade.software/fwmhuHAjP5Uw7ZtAwMT0?embed" frameborder="0" loading="lazy" webkitallowfullscreen mozallowfullscreen allowfullscreen style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
+    }}><iframe src="https://demo.arcade.software/fwmhuHAjP5Uw7ZtAwMT0?embed" frameborder="0" loading="lazy" allowfullscreen="true" style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
 
 | Field       | Required or not | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
 | ------------- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -73,15 +73,15 @@ Fast try: https://illa.ai/ai-agent/ILAfx4p1C7ek/detail
     position: "relative",
     paddingBottom: "calc(56.81216931216932% + 41px)", 
     height: 0
-    }}><iframe src="https://demo.arcade.software/IgfpeApp6wqThN71Pzlg?embed" frameborder="0" loading="lazy" webkitallowfullscreen mozallowfullscreen allowfullscreen style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
+    }}><iframe src="https://demo.arcade.software/IgfpeApp6wqThN71Pzlg?embed" frameborder="0" loading="lazy" allowfullscreen="true" style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
 
 ### Contribute to community
 
 <div style={{
     position: "relative",
     paddingBottom: "calc(56.81216931216932% + 41px)", 
     height: 0
-    }}><iframe src="https://demo.arcade.software/DmI2hHqM4kShp8jP7utN?embed" frameborder="0" loading="lazy" webkitallowfullscreen mozallowfullscreen allowfullscreen style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
+    }}><iframe src="https://demo.arcade.software/DmI2hHqM4kShp8jP7utN?embed" frameborder="0" loading="lazy" allowfullscreen="true" style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
 
 ## Use AI Agent in ILLA App
 
@@ -91,15 +91,15 @@ Fast try: https://illa.ai/ai-agent/ILAfx4p1C7ek/detail
     position: "relative",
     paddingBottom: "calc(56.81216931216932% + 41px)", 
     height: 0
-    }}><iframe src="https://demo.arcade.software/Y8sq05zA0uis9e0oC39z?embed" frameborder="0" loading="lazy" webkitallowfullscreen mozallowfullscreen allowfullscreen style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
+    }}><iframe src="https://demo.arcade.software/Y8sq05zA0uis9e0oC39z?embed" frameborder="0" loading="lazy" allowfullscreen="true" style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
 
 ### Demo
 
 <div style={{
     position: "relative",
     paddingBottom: "calc(56.81216931216932% + 41px)", 
     height: 0
-    }}><iframe src="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAfx4p1C71f" frameborder="0" loading="lazy" webkitallowfullscreen mozallowfullscreen allowfullscreen style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
+    }}><iframe src="https://builder.illacloud.com/illacloud_demo/deploy/app/ILAfx4p1C71f" frameborder="0" loading="lazy" allowfullscreen="true" style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%", colorScheme: "light"}}></iframe></div>
 
 #### Fork and use
 

diff --git a/docs/airtable.mdx b/docs/airtable.mdx
@@ -0,0 +1,162 @@
+---
+title: Airtable
+description: Learn how to connect your Airtable API to ILLA Cloud and create apps that can query, manipulate, and display data
+---
+
+# Airtable
+
+Airtable is a popular cloud-based relational database and spreadsheet platform that combines the simplicity of a spreadsheet with the complexity of a traditional database. It allows users to create and organize structured data in a user-friendly interface, making it useful for various tasks such as project management, content planning, and data collection.
+
+### Set up your Back end on Airtable
+
+Create an account on `Airtable` and create your base according to your need.
+
+In order to connect your base to ILLA Cloud, navigate to the `developer hub`.
+
+![air_developer_hub](https://cdn.illacloud.com/official-website/img/official-site/intergration/air_developer_hub.png)
+
+In `Personal Access Token` page, click `Create new Token`.
+
+![air_create_new](https://cdn.illacloud.com/official-website/img/official-site/intergration/air_create_new.jpeg)
+
+This will open configuration options for the PAT that you are creating.
+
+First name the PAT, then choose the scopes you'd like this PAT to have access to. Finally, choose what level of access this PAT will have.
+
+![air_new_token](https://cdn.illacloud.com/official-website/img/official-site/intergration/air_new_token.jpeg)
+
+Click the **`create token`** button, we now have a PAT ready to connect.
+
+### Create Airtable in ILLA Cloud
+
+There are two ways to create a resource in Illa after signing into your Illa account.
+
+- Create in Resources
+
+Sign in to your Illa account, select `**Resources**` at the top of the page, and click `**Create New**` button.
+
+![external_resource](https://cdn.illacloud.com/official-website/img/docs/external_resource.png)
+
+Select **`Airtable`** from the database list.
+
+![action_list_3](https://cdn.illacloud.com/official-website/img/official-site/intergration/action_list_3.jpeg)
+
+Connect to the database with the required parameters described in `Connection Settings` below. In this case, fill in the **`Personal Access Token`** we copied from `Airtable` and paste it into **`Access Token`** in the configuration.
+
+Click **`Save Resources`** to \*\*\*\*create a resource.
+
+The ready `Airtable` will display as shown.
+
+![air_ex_ready](https://cdn.illacloud.com/official-website/img/official-site/intergration/air_ex_ready.jpeg)
+
+- Create in Builder
+
+Sign in to your Illa account, create a project in Illa Builder on the `**App**` page, and navigate to the **`Action List`** at the bottom of the page. Click `**new**`, then select **`Airtable`** from the database list. Then, connect to the database with the required parameters described in `Connection Settings` below.
+
+Click `**Test Connection**` to see if we can successfully connect to the database. If yes, click **`Save Resources`**, else, double check the hostname, port, username, and password is correct.
+
+### Connection Settings
+
+Here we need to provide information for connecting to the Airtable API.
+
+![air_config](https://cdn.illacloud.com/official-website/img/official-site/intergration/air_config.jpeg)
+
+| Properties   | Required | Description                                                                                                                                                  |
+| ------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| Name         | required | The name for resource when creating actions in the ILLA.                                                                                                     |
+| Access token | required | a piece of information that grants a third-party application or service permission to access your Airtable account's data and perform actions on your behalf |
+
+### Create Actions
+
+We have created an Airtable resource, we can add the action by selecting Airtable from the action list and choosing the **`Create action`** button.
+
+![air_resource_list](https://cdn.illacloud.com/official-website/img/official-site/intergration/air_resource_list.jpeg)
+
+Now we have added the Airtable API as an action to our building page.
+
+![air](https://cdn.illacloud.com/official-website/img/official-site/intergration/air.jpeg)
+
+### Configure Airtable
+
+| Properties  | Description                                                                                                                             |
+| ----------- | --------------------------------------------------------------------------------------------------------------------------------------- |
+| Base ID     | a unique identifier for your Airtable database. You can get the base ID from your base URL. It is usually a string starting with "app". |
+| Table name  | specifies the specific table within the chosen base that you want to interact with                                                      |
+| Action Type | what type of operation your integration will perform on the specified table                                                             |
+| Transformer | transforming data into the style you like using JavaScript                                                                              |
+
+#### List Records
+
+retrieves a list of records from a specified table in Airtable
+
+** Input **
+
+| Properties        | Required | Description                                                                                 |
+| ----------------- | -------- | ------------------------------------------------------------------------------------------- |
+| View              | optional | organize and display records based on specific criteria                                     |
+| Fields            | optional | Fields refer to the columns within your Airtable table                                      |
+| Filter by formula | optional | define a formula that filters the records you want to retrieve or interact with             |
+| Sort              | optional | the order in which records are presented or retrieved                                       |
+| Max records       | optional | limits the number of records your integration fetches or interacts with in a single request |
+| Page size         | optional | often used in scenarios where data needs to be retrieved in multiple batches (pages)        |
+| Offset            | optional | specifies the starting point for retrieving records in a specific page                      |
+| Cell format       | optional | how data is displayed within a specific field                                               |
+| Time zone         | optional | ensures that date and time calculations and presentations are accurate and consistent       |
+| User location     | optional | tailor the integration output based on the user's geographical location or preferences      |
+
+#### Get Record
+
+fetches a specific record from a table by providing the unique record ID
+
+** Input **
+
+| Properties | Required | Description                                            |
+| ---------- | -------- | ------------------------------------------------------ |
+| Record ID  | required | a unique identifier assigned to each individual record |
+
+#### Create Records
+
+add new records to a table in Airtable
+
+** Input **
+
+| Properties | Required | Description                                                                                     |
+| ---------- | -------- | ----------------------------------------------------------------------------------------------- |
+| Records    | required | a part of the API payload that you provide when you want to add new records to a specific table |
+
+#### Update Record
+
+modify the values of fields within a single record
+
+** Input **
+
+| Properties | Required | Description                                                                                     |
+| ---------- | -------- | ----------------------------------------------------------------------------------------------- |
+| Record ID  | required | a unique identifier assigned to each individual record                                          |
+| Records    | required | a part of the API payload that you provide when you want to add new records to a specific table |
+
+#### Update Multiple Records
+
+modify fields in multiple records at once
+
+** Input **
+
+| Properties | Required | Description                                                                                     |
+| ---------- | -------- | ----------------------------------------------------------------------------------------------- |
+| Records    | required | a part of the API payload that you provide when you want to add new records to a specific table |
+
+#### Delete Record
+
+delete a specific record from a table by providing its record ID
+
+** Input **
+
+| Properties | Required | Description                                            |
+| ---------- | -------- | ------------------------------------------------------ |
+| Record ID  | required | a unique identifier assigned to each individual record |
+
+#### Delete Multiple Records
+
+delete a specific record from a table by providing its record ID
+
+** Input **